div文字溢出自动加省略号（…）CSS3属性之五：text-overflow

text-overflow ： clip | ellipsis

<dl></dl>

<dt>clip：</dt>

<dd>不显示省略标记（...），而是简单的裁切。</dd>

<dt>ellipsis：</dt>

<dd>当对象内文本溢出时显示省略标记（...）</dd>

设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow。

text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果。

text-overflow:ellipsis;

overflow:hidden;

white-space:nowrap;

注意：只对第一行起作用

更多：

<a href="http://www.cnblogs.com/lianjun/archive/2011/03/24/1993479.html" target="_blank">http://www.cnblogs.com/lianjun/archive/2011/03/24/1993479.html</a>

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/1301760，如需转载请自行联系原作者