当你不确定一行有多少文字时,怎么办? 就让文字显示一部分,其他部分用...代替。
这个时候,在css中加入以下代码,就大功告成了!
1.单行
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
2.多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; // 行数
overflow: hidden;
开不开心?意不意外?