[CSS]word-break語法

by tanjun · Published 2004 29 9 月日 · Updated 2013 3 9 月日

製作網頁時，有時想要讓文字自動斷行，但是偏偏文字不聽話(例如：aaaaa….連續的英文字串或是很長的單字)，此時網頁設計師們該怎麼辦呢？

文字不聽話時，偉大的網頁設計師們可以這樣…
使用 style.wordBreak 語法(支援IE家族5.5版以上)，
有三個參數可以指定：
normal(依網頁預設)
break-all(打散單字型態，每一個字母均為一個字元)
keep-all(保持單字型態)

小小示範說明：

表格寬400px 使用 style.word-break:normal

ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

表格寬400px 使用 style.word-break:break-all

ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

表格寬400px 使用 style.word-break:keep-all

ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

※後記：其實還有 style.word-wrap[break-word] ，但是其相對較麻煩，word-wrap:break-word; 只對所屬Object Width有作用。