CSS word-break 英、中文字斷行規則

撰寫網頁時,一定都有遇過英、中文,斷行的問題。CSS word-break 屬性,可用來設定 CJK(Chinese, Japan, Korea 英, 日, 韓),即亞洲文字;和 !CJK,非亞洲文字(大多數情況下是西歐文字),的斷行規則。

css

語法

word-break: normal | break-all | keep-all;

使用說明及屬性定義

用來標明怎麼樣進行單字內的斷行。

預設值 normal
繼承 yes
版本 CSS3
JavaScript 語法 object.style.wordBreak="keep-all"
相關屬性 word-wrap

設定值

說明
normal 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行。
keep-all 與所有非亞洲語言的 normal 相同。對於中文、韓文及日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本。
break-all 該行為與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字内斷開。該值適合包含一些非洲文本的亞洲文本,比如使連續的英文字母間斷行。
  • Chrome、Safari 及 Opera 不支援 keep-all 參數

範例

div {
    word-break: normal;
}
wordword wordword wordword wordword wordword

wordwordwordwordwordwordwordwordwordwordword

單字單字單字 單字單字單字 單字單字單字 單字單字單字

單字單字單字單字單字(單字單字)單字單字單字單字單字

發表迴響