css控制文字超出显示为省略号

09/4

2015

以下css代码可以控制文字超出显示区域时裁剪为省略号：

{white-space:nowrap;  text-overflow:ellipsis;overflow: hidden;vertical-align:top;}

前三个属性缺一不可。

需要注意的是，chrome中加上overflow:hidden之后可能会导致右侧的元素上下错位，加上vertical-align属性可以解决。

Saber 酱的抱枕