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

Posted 黑子Kuroko

tags:

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

一行的情况

overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行

 

两行的情况

overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box; //作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp:2; //显示的行

 

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

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

CSS文本超出2行就隐藏并且显示省略号

文本超出隐藏出现省略号

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

CSS- 文本超出指定宽度后隐藏并显示为省略号

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