css强制不换行不出现省略号：CSS实现多行文本溢出显示省略号

css强制不换行不出现省略号：CSS实现多行文本溢出显示省略号display:-WebKit-box; /*--课伸缩盒子/弹性盒子--*/实现方法:text-overflow:ellipsis; /*--超出的文字以省略号显示--*/显示效果：多行文本溢出显示省略号

单行文本溢出显示省略号---（前提要给固定宽度）

实现方法:

overflow:hidden; /*--超出隐藏--*/

white-space:nowrap; /*--禁止换行--*/

text-overflow:ellipsis; /*--超出的文字以省略号显示--*/

显示效果：

多行文本溢出显示省略号

实现方法:

display:-WebKit-box; /*--课伸缩盒子/弹性盒子--*/

-webkit-box-orient:vertical;/*--从上向下垂直排列子元素--*/

-webkit-line-clamp:3;/*--限制在一个块元素显示的文本的行数(超出3行显示省略号)--*/

overflow:hidden;

适用范围：

因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端