CSS ... 文本溢出用省略號代替

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

text-overflow 屬性規定當文本溢出包含元素時發生的事情。

clip：修剪文本。
ellipsis：顯示省略符號來表明被修剪的文本。
string：使用給定的字符串來表明被修剪的文本。

 

white-space 屬性設置如何處理元素內的空白。

這個屬性聲明創建佈局過程當中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

normal：默認。空白會被瀏覽器忽略。
pre：空白會被瀏覽器保留。其行爲方式相似 HTML 中的 <pre> 標籤。
nowrap：文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標籤爲止。
pre-wrap：保留空白符序列，可是正常地進行換行。
pre-line：合併空白符序列，可是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。