html怎麼設定文字超出換行

html中可透過word-wrap、word-break和overflow屬性設定文字超出換行，只需為文字元素新增「word-wrap:break-word;word-break:break-all;overflow: hidden;”樣式。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

今天遇到一個難題，如圖：

#這樣導致效果看起來非常不美觀，我們最理想的狀態應該是讓div 裡面的內容如果超出div 的寬度，就應該讓內容換行顯示。

解決方法：

首先我們要先確定div 是有寬度的，然後加上css 樣式：程式碼如下：

word-wrap:break-word; 
word-break:break-all; 
overflow: hidden;

結果如下：

這樣就達到了我們想要的效果。

推薦教學：《html影片教學》

以上是html怎麼設定文字超出換行的詳細內容。更多資訊請關注PHP中文網其他相關文章！