一行或多行文字省略

只显示一行字，多余显示点点点代替

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

只显示两行字

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

多行折叠，对超出部分做隐藏，添加省略号代替：

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

可以配合 height 和line-height 来使用，保证正常的显示效果。

CSS 实现限制字数，超出部分隐藏。

这里我们就会介绍 text-overflow : clip | ellipsis

参数：

（1） clip：不显示省略标记（...），而是简单的截取掉（不常用）

可以用它代替我们所用的截取函数，且对搜索引擎更加友好。

（2）ellipsis：当对象内文本溢出时显示省略标记（...）

text-overflow 属性仅是注解，当文本溢出时是否显示省略标记。想要超市溢出时产生省略号的效果，强制文本在一行内显示（white-space: nowrap）以及溢出内容隐藏（overflow:hidden），才能到达想要的效果。