关于文字内容溢出用点点点(…)省略号表示

更新于2015-10-08

对于现代浏览器，例如webkit内核的浏览器，或者移动端，是可以实现多行文本内容超出点点点…最后一行显示的，典型的CSS组合如下：

.box {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

其中

-webkit-line-clamp

就是控制行数的，是

3

就是显示3行，3行结束点点点，如果是

2

则最多2行。

您可以狠狠地点击这里：多行文字溢出点点点…显示demo

你就会看到你想要的！


原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]

本文地址：http://www.zhangxinxu.com/wordpress/?p=230