关于前端:CSS-溢出文字省略号显示

1、单行文本溢出显示省略号

 /* 1、强制一行内显示文本（默认值是 normal，会主动换行）*/
 white-space: nowrap; 
 /* 2、超出的局部暗藏 */
 overflow: hidden;
 /* 3、用省略号代替超出局部 */
 text-overflow: ellipsis;

2、多行文本溢出显示省略号

多行文本溢出显示省略号，有较大兼容性问题，适宜于 webKit 浏览器或挪动端（因为挪动端大部分是 webkit 内核）

 overflow: hidden;
 text-overflow: ellipsis;
 /* 弹性伸缩盒子模型显示 */
 display: -webkit-box;
 /* 限度在一个块元素显示的文本行数，这里设置为 2 行 */
 -webkit-line-clamp: 2;
 /* 设置伸缩盒对象的子元素的排列形式 */
 -webkit-box-orient: vertical;