限制一行和多行文字数量，超出部分用省略号显示

admin

1. 设置一行文字显示文本数量，超出部分用…表示
知识点：css3 text-overflow属性
属性值        描述
clip        修剪文本。
ellipsis        显示省略符号来代表被修剪的文本。
string        使用给定的字符串来代表被修剪的文本。
代码实现（单行）超出部分省略：

1. #div1{
   
2.    overflow: hidden;   
   
3.          text-overflow: ellipsis;      //超出部分以省略号显示
   
4.          white-space: nowrap;
   
5.          width: 20em;  //用px单位亦可行
   
6. }
   
7. <div id="div1">
   
8. 今天学习任务是总结
   
9. 1、快排代码及思想，2、css实现三角形圆形，3、js和css实现限制显示字数，文字长度超出部分用省略号表示 只显示一行。4、还有js基础视频学习。5、三次握手
   
10. </div>

复制代码

效果图：