div内有多行文字溢出部分可以用省略号代替吗?
发布网友
发布时间：2022-04-21 06:28
共1个回答
热心网友
时间：2022-04-21 07:57
可以,不过只适合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;
