小編給大家分享一下css3中word-break屬性有什么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站主營(yíng)托克遜網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都APP應(yīng)用開(kāi)發(fā),托克遜h5微信小程序開(kāi)發(fā)搭建,托克遜網(wǎng)站營(yíng)銷(xiāo)推廣歡迎托克遜等地區(qū)企業(yè)咨詢(xún)
1、定義
word-break屬性規(guī)定自動(dòng)換行的處理方法。 提示:通過(guò)使用 word-break屬性,可以讓瀏覽器實(shí)現(xiàn)在任意位置的換行。
2、語(yǔ)法和參數(shù)
word-break: normal(默認(rèn))|break-all|keep-all normal:依照亞洲語(yǔ)言和非亞洲語(yǔ)言的文本規(guī)則,允許在字內(nèi)換行:中文則到邊界處的漢字換行,英文則整個(gè)單詞換行,如果出現(xiàn)某個(gè)單詞長(zhǎng)度過(guò)長(zhǎng),則會(huì)撐破容器,如果邊框?yàn)楣潭▽傩裕瑒t后面部分將無(wú)法顯示。 break-all:可以強(qiáng)行截?cái)嘤⑽膯卧~,強(qiáng)行換行。該行為與亞洲語(yǔ)言的normal相同。也允許非亞洲語(yǔ)言文本行的任意字內(nèi)斷開(kāi)。該值適合包含一些非亞洲文本的亞洲文本。 keep-all:與所有非亞洲語(yǔ)言的normal相同。對(duì)于中文,韓文,日文,不允許字?jǐn)嚅_(kāi)。即如果是中文,將把前后標(biāo)點(diǎn)符號(hào)內(nèi)的一個(gè)漢字短語(yǔ)整個(gè)換行,英文單詞也整個(gè)換行。 注:Firefox、Opera不能識(shí)別。
3、說(shuō)明
word-break:break-all,是斷開(kāi)單詞。在單詞到邊界時(shí),下個(gè)字母自動(dòng)到下一行。主要解決了長(zhǎng)串英文的問(wèn)題(恰恰彌補(bǔ)了上面word-wrap:break-word對(duì)于長(zhǎng)串文字不起作用的缺陷)。
4、例子
繼續(xù)以上面congratulation這個(gè)單詞屬于長(zhǎng)串英文,word-break:break-all它會(huì)把單詞截?cái)?,該行末端就?huì)變成類(lèi)似conra(congratulation的前端部分),下一行為tulation(conguatulation)的后端部分了。 word-break:keep-all,是指Chinese, Japanese, and Korean不斷詞。即只用此時(shí),不用word-wrap,中文就不會(huì)換行了。(英文語(yǔ)句正常。)
5、總結(jié)
作用范圍僅為div這類(lèi)標(biāo)準(zhǔn)塊級(jí)元素,th,td這類(lèi)table元素雖然識(shí)別但是沒(méi)有效果(經(jīng)測(cè)試Chrome下word-break:break-all是有效果的,但根據(jù)完全兼容性方便記憶角度上來(lái)說(shuō)還是以前面的結(jié)論為準(zhǔn))。Firefox,Opera是無(wú)法識(shí)別word-break的,更不用提Firefox下的th,td中使用word-break的效果了。
以上是“css3中word-break屬性有什么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
本文標(biāo)題:css3中word-break屬性有什么用
標(biāo)題鏈接:http://www.rwnh.cn/article28/ippijp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站、微信公眾號(hào)、外貿(mào)建站、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)頁(yè)設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)