1、無法自動換行

* 問題：如果 div 輸入的是英文字母且沒有空格，會導致英文字母不換行直接在同一行輸出，導致?div?的寬度遠遠超出設定的大小。

* 原因：因為在 div 中，英文字母之間沒有空格的話，默認為一個英文單詞，所以單詞就一次輸出不換行。

* 解決：通過設置 css：

word-wrap: break-word; /*自動換行*/

2、單行顯示

* 問題：如果希望 div 輸入的字符只在一行中顯示，超過設定的大小則顯示為 ...

* 解決：通過設置 css：

white-space: nowrap; /*不換行*/ overflow: hidden; /*超出的隱藏*/ text-overflow: ellipsis; /*超出部分自動用...來表示*/

總結

以上是生活随笔為你收集整理的Div前台显示自动换行和不自动换行的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。