在進行網頁排版時,常常需要控制內容的顯示效果,其中一個重要的因素就是文本換行的控制。在CSS中,我們可以使用“word-wrap”屬性或“white-space”屬性來實現文本的強制換行。
word-wrap: break-word; white-space: pre-wrap;
1. word-wrap 屬性
word-wrap屬性值“break-word”可以使字符串在單詞內換行。其作用是為了防止長單詞在超出容器的寬度時出現溢出現象。設置代碼如下:
word-wrap: break-word;
2. white-space 屬性
white-space屬性用于規定元素內的空白如何處理,默認值為“normal”。如果將其設置為“pre-wrap”,則元素會保留所有空白字符,且在遇到容器寬度時會強制換行。設置代碼如下:
white-space: pre-wrap;
需要注意的是,當文本強制換行時,可能會影響布局,所以在使用時要謹慎,并根據實際需要進行調整。