文本溢出显示省略号

Posted

tags:

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

width :;必须结合的属性
display:-webkit-box;必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。

overflow:hidden;必须结合的属性
text-overflow:ellipsis;可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。
-webkit-line-clamp:2; //控制..显示在第几行
-webkit-box-orient:vertical;必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
white-space:nowrap;是指文本不换行,就是说只能一行显示。

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

实现单行或多行文本溢出显示省略号

多行文本溢出显示省略号

文本溢出截断省略

文本溢出截断省略

单/多行文本溢出显示省略号+清除浮动

input文本溢出显示省略号