CSS中的text-wrap屬性是控制文本換行的一個重要屬性。當文本內容超出了容器的寬度時,我們可以使用text-wrap屬性來設置文本的換行方式,避免出現橫向滾動條,增強用戶體驗。
下面我們來介紹幾種常用的text-wrap屬性:
文本不換行: white-space: nowrap;
強制斷行: word-wrap: break-word;
允許在單詞內斷行(英文單詞): word-break: break-all;
使用text-wrap屬性可以很好的控制文本換行,不過需要注意的是,text-wrap只對Block元素有效,對于Inline元素無效。如果需要對Inline元素生效,可以使用display:inline-block來將元素轉化為Block元素。
另外,我們還需注意到,text-wrap屬性現在改名為了overflow-wrap屬性,兩者達到的效果是一樣的,建議使用overflow-wrap屬性。
下一篇css屬性相同怎么寫