CSS限制字數,超出部份顯示點點點

 

text-overflow :  ellipsis

參數：

ellipsis : 　當對象內文本溢出時顯示省略標記（...）

設置或檢索是否使用一個省略標記（...）標示對象內文本的溢出。

示例：

text-overflow是一個比較特殊的樣式，咱們能夠用它代替咱們一般所用的標題截取函數，並且這樣作對搜索引擎更加友好，如：標題文件有50 個漢字，而咱們的列表可能只有300px的寬度。若是用標題截取函數，則標題不是完整的，若是咱們用CSS樣式text- overflow:ellipsis，輸出的標題是完整的，只是受容器大小的侷限不顯示出來罷了。

text-overflow屬性僅是註解，當文本溢出時是否顯示省略標記。並不具有其它的樣式屬性定義。咱們想要實現溢出時產生省 略號的效果。還必須定義：強制文本在一行內顯示（white-space:nowrap）及溢出內容爲隱藏（overflow:hidden）。只有這樣 才能實現溢出文本顯示省略號的效果。

 

1	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;