文本超出隐藏出现省略号

Posted hermitks

tags:

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

1.单行文本溢出

  

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

 

2.多行文本

1 overflow: hidden;
2 text-overflow: ellipsis;
3 display: -webkit-box; //将元素设为盒子伸缩模型显示
4 -webkit-box-orient: vertical; //伸缩方向设为垂直方向
5 -webkit-line-clamp: 2;  //行数,超出出现省略号

 

以上是关于文本超出隐藏出现省略号的主要内容,如果未能解决你的问题,请参考以下文章