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;

开不开心？意不意外？