CSS中有一個(gè)非常實(shí)用的屬性——word-break
,它可以控制標(biāo)簽內(nèi)文本的強(qiáng)制換行。在CSS中設(shè)置過(guò)它的標(biāo)簽,當(dāng)該標(biāo)簽內(nèi)的文本到達(dá)元素邊緣時(shí),文本將自動(dòng)換行,以適應(yīng)寬度的限制,不會(huì)超出元素邊緣,從而實(shí)現(xiàn)排版上的美觀(guān)。
特別需要注意的是,word-break
還有一個(gè)屬性值break-all
,它可以在遇到連字符和數(shù)字等特殊字符時(shí)強(qiáng)制換行,適用于一些手機(jī)端和低屏幕分辨率的設(shè)備。
p { word-break: break-all; }
需要強(qiáng)調(diào)一點(diǎn)的是,在標(biāo)簽內(nèi)的文本內(nèi)容中,使用空格和連續(xù)字符(如長(zhǎng)鏈接)都會(huì)觸發(fā)文本強(qiáng)制換行,所以,我們需要根據(jù)實(shí)際情況選擇是否開(kāi)啟break-all
屬性,以達(dá)到最佳視覺(jué)效果。
總體來(lái)說(shuō),CSS中的word-break
屬性可以很好地改善文本排版的美觀(guān)度,對(duì)于一些長(zhǎng)篇文字或表格內(nèi)容的排版有很大的幫助作用。
上一篇mysql熱遷移