CSS文本超出指定行数后省略号显示

Posted lyfy

tags:

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

word-break:break-word; //换行模式
overflow: hidden;
text-overflow: ellipsis; //修剪文字
display: -webkit-box;
-webkit-line-clamp:2; //此处为上限行数
-webkit-box-orient: vertical;

http://www.w3school.com.cn/cssref/pr_text-overflow.asp
http://www.w3school.com.cn/cssref/pr_word-break.asp
https://www.html.cn/book/css/webkit/text/line-clamp.htm

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

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

利用css3实现超出文本指定行数与省略号效果

CSS3如何实现超出指定文本以省略号显示效果

手机网页里,一段文本超出显示省略号(…),这个CSS怎么设置

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

CSS:实现文本超出显示省略效果(可指定几行显示)