css

当你不确定一行有多少文字时,怎么办? 就让文字显示一部分,其他部分用...代替。

这个时候,在css中加入以下代码,就大功告成了!

1.单行

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;

2.多行

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  // 行数
overflow: hidden;

开不开心?意不意外?

原文地址:https://www.cnblogs.com/lafitewu/p/8514388.html