在CSS樣式中,可以使用“word-wrap:break-word;”或“word-break:break-all;”來(lái)使文本在達(dá)到寬度上限后自動(dòng)換行。這兩個(gè)屬性的功能略有不同,但都可以實(shí)現(xiàn)該效果。
/*word-wrap實(shí)現(xiàn)*/ div{ width: 200px; word-wrap: break-word; } /*word-break實(shí)現(xiàn)*/ div{ width: 200px; word-break: break-all; }
需要注意的是,在使用這兩個(gè)屬性時(shí),需要將對(duì)象的寬度設(shè)置為固定值,否則該效果可能無(wú)法正常實(shí)現(xiàn)。
同時(shí),如果要避免在單詞內(nèi)部斷行,可以使用“hyphens: auto;”屬性來(lái)自動(dòng)斷字,使單詞整體在一行內(nèi)顯示。
div{ width: 200px; word-break: break-all; hyphens: auto; }
總之,CSS樣式中高度自動(dòng)換行可以使用word-wrap或word-break實(shí)現(xiàn),同時(shí)在需要時(shí)可以使用hyphens屬性來(lái)保證單詞的完整性。