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，如需轉載請自行聯系原作者