小編給大家分享一下使用word-break屬性的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

長(zhǎng)春網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

word-break屬性用于指定非CJK（中日韓）腳本的斷行規(guī)則，規(guī)定了自動(dòng)換行的處理方法。通過(guò)使用 word-break 屬性，可以讓瀏覽器實(shí)現(xiàn)在任意位置的換行。

CSS3  word-break屬性

作用：word-break 屬性規(guī)定自動(dòng)換行的處理方法。

提示：通過(guò)使用 word-break 屬性，可以讓瀏覽器實(shí)現(xiàn)在任意位置的換行。

語(yǔ)法：

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

normal：使用瀏覽器默認(rèn)的換行規(guī)則。

break-all：允許在單詞內(nèi)換行。

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.

效果圖：

看完了這篇文章，相信你對(duì)使用word-break屬性的方法有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！