設定div中文字超出時自動換行

2021-06-22 13:30:33 字數 681 閱讀 2086

設定div中文字超出時自動換行

一、對於div強制換行

1.(ie瀏覽器)white-space:normal; word-break:break-all;這裡前者是遵循標準。

#wrap

或者#wrap

2.(firefox瀏覽器)white-space:normal; word-break:break-all;overflow:hidden;

同樣的ff下也沒有很好的實現方法,只能隱藏或者加滾動條,當然不加滾動條效果更好!

#wrap

或者#wrap

二、對於table強制換行

1. (ie瀏覽器)使用樣式table-layout:fixed;

2.(ie瀏覽器)使用樣式table-layout:fixed與nowrap

3. (ie瀏覽器)在使用百分比固定td大小情況下使用樣式table-layout:fixed與nowrap

4.(firefox瀏覽器)在使用百分比固定td大小情況下使用樣式table-layout:fixed與nowrap,並且使用div。

三、強制不換行:div

四、自動換行:div

五、強制英文單詞斷行:div

讓DIV中文字換行顯示

1.i am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 未加css前效果 2.這三句重點在於 word break與word wrap a word break 屬性規定自動換行的處理方法。提示 通過使用 word break 屬性,可以讓瀏覽器實現在任意位...

讓DIV中文字換行顯示

原文 讓div中文字換行顯示 1.style div style div style width 100px border 1px solid red i am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii div 未加css前效果 2.這三句重點在於 word...

CSS設定超出指定寬度自動換行

一 背景 最近專案中有用到在div中顯示使用者反饋的資訊,是指定寬度的div,超出要自動換行,開始寫好後感覺應該沒什麼問題,後來自己隨便輸入測試資料的時候發現 如果是純字母或者是純數字就會出現超出了也不會自動換行的問題,甚是無解,後經過努力,已經完美解決,下面來介紹解決方式。二 解決方式 對於div...