css控制内容显示，自动加"..."

.css{

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

width:100px;

}

css3语法 text-overflow:clip|ellipsis

clip：不显示省略标记（...），而是简单的裁切。

ellipsis：当对象内文本溢出时显示省略标记（...）。

需配合overflow:hidden;white-space:nowrap;使用，目前唯独firefox不支持，Opera11已经支持 。

转载请注明出处：http://www.cnblogs.com/lecaf/

如有任何建议或疑问，欢迎留言讨论。

如果觉得文章不错的话，欢迎点一下右下角的推荐。

.css{

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

width:100px;

}

css3语法 text-overflow:clip|ellipsis

clip：不显示省略标记（...），而是简单的裁切。

ellipsis：当对象内文本溢出时显示省略标记（...）。

需配合overflow:hidden;white-space:nowrap;使用，目前唯独firefox不支持，Opera11已经支持 。