求indesign检查溢出文本接排代码

发布网友发布时间：2022-04-06 10:41

共3个回答

懂视网时间：2022-04-06 15:02

在网页中，有时会看到一段文字没有说完，后面是以省略号出现，这其实就是文本溢出的处理方式，本篇文章就给大家来介绍关于多行文本溢出的解决方案。

1.单行文本溢出点点点

单行文本溢出是最常见的一种形式，使用text-overflow的ellipsis即可实现点点点，overflow属性也不可少，同时不能让容器换行，否则不会出现点点点

.ellipsis {
 width: 300px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}

2.多行文本溢出点点点

随着内容的增多，单行文本不够用了，多行文本才是用的最多的地方。四个属性缺一不可，最重要的是-webkit-line-clamp，直接定义了要显示的行数，

.ellipsis {
 width: 300px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; /* 自定义的行数 */
 overflow: hidden;
}

3.多行文本溢出自定义

点点点是最常见的溢出省略方式，但是21世纪的设计师已经不满足使用点点点的方式来实现省略了，他们还需要在尾部显示更多按钮，点击之后显示全部内容。这个时候就需要想办法了，下面的终极方案实在是精彩，请移步这里，聆听大神讲解，

//dom结构
<div class="ellipsis">
 <div class="ellipsis-container">
 <div class="ellipsis-content">腾讯成立于1998年11月，是目前中国领先的互联网增值服务提供商之一。成立10多年来，腾讯一直秉承“一切以用户价值为依归”的经营理念，为亿级海量用户提供稳定优质的各类服务，始终处于稳健发展状态。2004年6月16日，腾讯控股有限公司在香港联交所主板公开上市(股票代号700)。</div>
 <div class="ellipsis-ghost">
  <div class="ellipsis-placeholder"></div>
  <div class="ellipsis-more">...更多</div>
 </div>
 </div>
</div>

.ellipsis {
 position: relative;
 width: 100%;
 max-height: 55px; /* h*n */
 line-height: 18px; /* h */
 overflow: hidden;
 width: 300px
}
.ellipsis-container {
 position: relative;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; /* n */
 font-size: 50px; /* w */
 color: transparent;
}
.ellipsis-content {
 color: #000;
 display: inline;
 vertical-align: top;
 font-size: 16px; /* f */
}
.ellipsis-ghost {
 position:absolute;
 z-index: 1;
 top: 0;
 left: 50%;
 width: 100%;
 height: 100%;
 color: #000;
}
.ellipsis-ghost:before {
 content: "";
 display: block;
 float: right;
 width: 50%;
 height: 100%;
}
.ellipsis-placeholder {
 content: "";
 display: block;
 float: right;
 width: 50%;
 height: 55px; /* h*n */
}
.ellipsis-more {
 position: relative;
 float: right;
 font-size: 16px; /* f */
 width: 50px; /* w */
 height: 18px; /* h */
 margin-top: -18px; /* -h */
 color: red
}

热心网友时间：2022-04-06 12:10

首先，选一篇word文档，点击文件-置入（ctrl+d）双击要置入的word文档，然后单击文档即可置入文档
然后，点击文档，右击选择框架类型-文本框架就变成正常的文字了，这里有两种格式一个是框架网格一个是文本框架，这里对于文字来说一般要选择文本框架哦。
接着，看到文字右下角有个红色十字符号，那个是显示文字还没有显示全部，用鼠标点击一下红色符号，然后在空白位置单击文字就会顺着排下来，但是看到文档右下侧还有红色符号，表示还没排完，我们可以接着点击，也可以单击红色十字符号之后按着shift键单击要排版的版心处，文档就会自动排列了。
大家应该发现，文字是按着版心，边距分栏来排列的，所以上一课版心和分栏的设置很重要，这里就用到了，当然要是不分栏的话文字就会按照整张排列下来，我们在版面里找到编辑和分栏进行设置，栏数变成1，进行编排。
大家看好第一页，看到右下角有红色十字说明没有排完，那我们点击红色符号，然后到第二页按着shift键进行自动排列如图所示，文字是按照版心来进行自动排列的。这节课主要讲述的就是自动排列，这些都是为之后的排版做铺垫，所以大家一定要好好记住这点哦！
文字排版的文字不一定置入，也可以直接复制进来。

热心网友时间：2022-04-06 13:28

自带就有。