text-overflow 與 word-wrap

text-overflow用來設(shè)置是否使用一個省略標(biāo)記（...）標(biāo)示對象內(nèi)文本的溢出。

語法：

但是text-overflow只是用來說明文字溢出時用什么方式顯示，要實現(xiàn)溢出時產(chǎn)生省略號的效果，還須定義強制文本在一行內(nèi)顯示（white-space:nowrap）及溢出內(nèi)容為隱藏（overflow:hidden），只有這樣才能實現(xiàn)溢出文本顯示省略號的效果，代碼如下：

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

同時，word-wrap也可以用來設(shè)置文本行為，當(dāng)前行超過指定容器的邊界時是否斷開轉(zhuǎn)行。

語法：

normal為瀏覽器默認值，break-word設(shè)置在長單詞或?URL地址內(nèi)部進行換行，此屬性不常用，用瀏覽器默認值即可。