css实现超长文字省略号处理(单行和多行)

当行超长文字处理方法：

<div style="width:150px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis">用CSS实现超长字段被省略的简单方法</div>

效果如下图所示：



注意：设置宽度，overflow:hidden, white-space:nowrap,
text-overflow:ellipsis四个属性缺一不可。这种写法在所有的浏览器中都能正常显示。

多行超长文字处理方法：

overflow
:
hidden;

text-overflow:
ellipsis;

display:
-webkit-box;

-webkit-line-clamp:
2;

-webkit-box-orient:
vertical;