CSS是前端開發中重要的技術之一,其中使用CSS讓文本換行也是需要掌握的技巧之一。下面介紹幾種常見的方法:
1. 設置寬度
可以設置一個固定的寬度,當文本超出這個寬度時自動換行。代碼如下:
.my-text { width: 300px; }
2. 設置white-space
white-space屬性可以控制空白字符的處理方式,設置為normal可以讓文本自動換行。代碼如下:
.my-text { white-space: normal; }
3. 設置word-wrap
word-wrap屬性可以允許單詞內換行,這樣可以防止單詞被裁剪。代碼如下:
.my-text { word-wrap: break-word; }
實際使用時,可以結合以上三種方法來達到更好的效果。例如:
.my-text { width: 300px; white-space: normal; word-wrap: break-word; }
以上就是CSS讓文本換行的技巧,希望對大家有所幫助。