CSS 超出两行显示省略号有啥办法？

Posted 2023-03-21

定了宽度，超出换行，超出两行或者3行显示省略号有什么办法？

参考技术A 这个单纯CSS做不了，要在后台程序控制，CSS最多能控制单行省略号 参考技术B 不清楚 css3 中是否能实现，但 css2 是无法实现的。解决的方法可以用 js。 参考技术C 单行可以，多行不行 参考技术D <DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>

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

参考技术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%;