实现文字多行省略

Posted pearl007

tags:

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

1,html

<p>我有很多文字  我有很多文字  我有很多文字  我有很多文字  我有很多文字  我有很多文字  </p>

 

2,css

display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;   //两行文字省略
text-overflow: ellipsis;
-webkit-box-orient: vertical;

以上是关于实现文字多行省略的主要内容,如果未能解决你的问题,请参考以下文章

多行文字溢出显示省略号

多行文本,垂直居中显示,文字超出高度显示省略号

多行文字内容溢出显示点点点(...)省略号

如何用CSS实现多行文本的省略号显示

单行和多行文字溢出省略

div内多行文字, 溢出部分用省略号显示