文本超出隐藏出现省略号

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;  //行数,超出出现省略号

 

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

css / js 控制 文本溢出 省略号显示

table中td超出内容隐藏,鼠标悬停全部显示(完整版,含js代码)

css或者jquery怎么实现超出指定行数就在后面出现省略号

css 文本超出就隐藏并且显示省略号

css怎样让HTML中超出的内容显示为省略号

设置文本超出既定宽度隐藏,并显示省略号