CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法_CSS教程

4要素：

width: 125px;  //宽度必须

text-overflow: ellipsis/clip; //省略号或裁剪；

white-space: nowrap;//强制内容在一行显示;

overflow: hidden; // 超出隐藏

多行

text-overflow: ellipsis;

-webkit-line-clamp: 2;

display: -webkit-box;//必须

-webkit-box-orient: vertical;//必须