HTML多行文本超出区域用省略号代替

Posted 2023-04-09

如图，自适应写的网页，没有固定宽度，如何给他在最后面的地方换成省略号呢，我百度搜的都不管用，求一个管用的

参考技术A div
white-space:nowrap;
text-overflow:ellipsis;

overflow:hidden;

追问

大哥啊，我说的就是这个不管用，并且多行还全变成了单行

文本超出用省略号代替

 

单行文本超出省略号显示

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本超出省略号显示

 height:xx;  //

将height设置为line-height的整数倍，防止超出的文字露出。


 overflow: hidden;   //超出隐藏
 text-overflow: ellipsis;  //文本超出用省略号显示

 display: -webkit-box;  //显示方式（为弹性伸缩盒子模型显示）
 -webkit-line-clamp: 6;   //限制行数
 -webkit-box-orient: vertical;  //垂直方向