word-break屬性怎麼用

word-break屬性用來指定非CJK（中日韓）腳本的斷行規則，規定了自動換行的處理方法。透過使用 word-break 屬性，可以讓瀏覽器實現在任意位置的換行。

CSS3  word-break屬性

作用：word-break 屬性規定自動換行的處理方法。

提示：透過使用 word-break 屬性，可以讓瀏覽器實作在任意位置的換行。

語法：

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

normal：使用瀏覽器預設的換行規則。    

break-all：允許在單字內換行。    

keep-all：只能在半角空格或連字號處換行。    

附註：所有主流瀏覽器都支援 word-break 屬性。但 Opera 不支援 word-break 屬性。

CSS3  word-break屬性的使用範例

#

This is a veryveryveryveryveryveryveryveryveryvery long paragraph.
This is a veryveryveryveryveryveryveryveryveryvery long paragraph.
This paragraph contains some text: The lines will break at any character.
This paragraph contains some text: The lines will break at any character.

效果圖：

#本文參考：https://www.html.cn/book/css/properties/text/word-break.htm

以上是word-break屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！