MIS 腳印

記錄 IT 學習的軌跡

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

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


用法

語法

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 相同。也允許非亞洲語言文本行的任意字内斷開。該值適合包含一些非洲文本的亞洲文本,比如使連續的英文字母間斷行。

範例

wordword wordword wordword wordword wordword

wordwordwordwordword

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

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

參考資料


“CSS word-break 英、中文字斷行規則” 有一則迴響

  1. Tin 說:

    非常實用! 謝謝教學~

發表迴響