文本超出用省略号代替

Posted 2020-10-06 Candy-Yao

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文本超出用省略号代替相关的知识，希望对你有一定的参考价值。

单行文本超出省略号显示

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;  //垂直方向

以上是关于文本超出用省略号代替的主要内容，如果未能解决你的问题，请参考以下文章