上圖是內容溢出的表現.
怎麼辦? 添加 一個css 屬性 即可讓長文本換行顯示.
word-wrap:break-word;
也可以使用下面的屬性:
word-break: break-all;
| word-break 值 | 描述 |
|---|---|
| normal | 使用瀏覽器默認的換行規則。 |
| break-all | 允許在單詞內換行。 |
| keep-all | 只能在半角空格或連字符處換行。 |
| word-wrap 值 | 描述 |
|---|---|
| normal | 只在允許的斷字點換行（瀏覽器保持默認處理）。 |
| break-word |
在長單詞或 URL 地址內部進行換行。 |
參考:菜鳥教程