CSS3是一種較新的樣式語言,可以使網站看起來更加美觀。其中之一的樣式就是word-wrap。該屬性可以定義當一個單詞不能全部顯示在一行時,是否允許該單詞在該行中被分割,或者是否允許該單詞在下一行繼續顯示。
.word-wrap{ word-wrap: break-word; }
上述代碼中,break-word將會在單詞的中間位置分割該單詞。如果需要讓單詞在下一行繼續顯示,則應該使用屬性值normal:
.word-wrap{ word-wrap: normal; }
這里還有一個屬性值——unbreakable,該屬性值對應的意思是強制性的,即一個不可拆分的單詞,即使其長度超過了行的長度也不會在單詞中間斷裂而分割。
.word-wrap{ word-wrap: unbreakable; }
CSS3中的word-wrap樣式可使網頁排版更加精致,讓原本比較難看的文字效果變得更加美觀。