?
このドキュメントでは、 php中國語ネットマニュアル リリース
word-break:normal | keep-all | break-all
默認(rèn)值:normal
適用于:所有元素
繼承性:有
動(dòng)畫性:否
計(jì)算值:指定值
相關(guān)屬性:<' word-wrap '>
normal:依照亞洲語言和非亞洲語言的文本規(guī)則,允許在字內(nèi)換行。
keep-all:與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字?jǐn)嚅_。適合包含少量亞洲文本的非亞洲文本。
break-all:該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內(nèi)斷開。該值適合包含一些非亞洲文本的亞洲文本,比如使連續(xù)的英文字母間斷行。
對于解決防止頁面中出現(xiàn)連續(xù)無意義的長字符打破布局,應(yīng)該使用break-all
屬性值;
作為IE的私有屬性之一,IE5.5率先實(shí)現(xiàn)了 <' word-break '> ,后期被w3c采納成標(biāo)準(zhǔn)屬性;
對應(yīng)的腳本特性為wordBreak。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0+ | 2.0-14.0 | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
15.0+ | ||||||||
keep-all | 6.0+ | 2.0-14.0 | 4.0-45.0 | 6.0-8.0 | 15.0-29.0 | 6.0-8.3 | 2.1-4.4.4 | 18.0-42.0 |
15.0+ |
不支持:keep-all 作為參數(shù)值。
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>word-break_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test p{width:100px;border:1px solid #000;background-color:#eee;} .normal p{word-break:normal;} .break-all p{word-break:break-all;} .keep-all p{word-break:keep-all;} </style> </head> <body> <ul class="test"> <li class="normal"> <strong>normal:</strong> <p>aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnn</p> </li> <li class="break-all"> <strong>break-word:</strong> <p>aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnn</p> </li> <li class="keep-all"> <strong>keep-all:</strong> <p>aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnn</p> </li> </ul> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例