div内文字显示两行，超出两行部分省略号显示css能实现么？

Posted 2023-03-27

参考技术A

试试这样行不

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

参考技术B 这个我只能说用css实现不了，提供两种方法，一是用程序输出时截字，二是用js判断字数截取。 参考技术C 一般用程序调用的时候设置字数限制，文字结束后，是显示省略号的 参考技术D 在css样式中写入如下代码：
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow: ellipsis;
white-space:nowrap;
width:100%;

文字超出两行用省略号显示

参考技术A 一行文字超出省略号显示：

多行文字超出省略号显示：