div中英文無法自動換行的解決辦法

在一個設定好寬度的div中,當我們輸入的中文文字長度超過了設定寬度時,會自動換到下一行。如果輸入的是英文字母,那麼,無論你div設定寬度爲多少,英文字母都是不換行直接在同一行輸出,導致div的寬度遠遠超出設定的大小。 這是因爲div中,英文字母之間沒有空格的話,它會默認認爲這是一個英文單詞,所以單詞就一次輸出不換行。

解決辦法:

在div的style中設定word-break:break-all;即可實現自動換行。

div{
    word-break:break-all;
}
發佈了36 篇原創文章 · 獲贊 12 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章