1、無法自動(dòng)換行

* 問題：如果 div 輸入的是英文字母且沒有空格，會(huì)導(dǎo)致英文字母不換行直接在同一行輸出，導(dǎo)致?div?的寬度遠(yuǎn)遠(yuǎn)超出設(shè)定的大小。

* 原因：因?yàn)樵?div 中，英文字母之間沒有空格的話，默認(rèn)為一個(gè)英文單詞，所以單詞就一次輸出不換行。

* 解決：通過設(shè)置 css：

word-wrap: break-word; /*自動(dòng)換行*/

2、單行顯示

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

* 解決：通過設(shè)置 css：

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。