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