text-overflow

text-overflow 與 word-wrap

text-overflow用來設置是否使用一個省略標記（...）標示對象內文本的溢出。

語法：

可是text-overflow只是用來講明文字溢出時用什麼方式顯示，要實現溢出時產生省略號的效果，還須定義強制文本在一行內顯示（white-space:nowrap）及溢出內容爲隱藏（overflow:hidden），只有這樣才能實現溢出文本顯示省略號的效果，代碼以下：

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

同時，word-wrap也能夠用來設置文本行爲，當前行超過指定容器的邊界時是否斷開轉行。

語法：