div内多行文字， 溢出部分用省略号显示?

Question

目前遇到这种情况， div内有多行文字， div的长度和宽度都是固定的， 当文字内容大于溢出div时， 让溢出部分以省略号方式显示， 发帖希望得到纯CSS 解决方案， 暂时不想要jquery和伪代码的方式来解决， 有人遇到这种情况吗？

Answer 1

可以,不过只适合WebKit浏览器。

在CSS样式中加入：

text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: X; ————这个X表示要显示几行-webkit-box-orient: vertical;其中div的高度自己要规定好。

这个是单行的。

在CSS样式中加入

width:100px; //你所要的宽度white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;