HTML自动换行的问题
生活随笔
收集整理的這篇文章主要介紹了
HTML自动换行的问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
有時文本文字已經(jīng)超過所在的區(qū)域,但是文字還是不自動換行 可以用強(qiáng)制換行 強(qiáng)制不換行div{ white-space:nowrap;}
自動換行div{ word-wrap:break-word; word-break:normal;}
強(qiáng)制英文單詞斷行div{ word-break:break-all;} 這個是超出隱藏,注意設(shè)置寬度
overflow:hidden; /*超出部分隱藏*/
white-space:nowrap; /*文本溢出用"..."表示*/
text-overflow:ellipsis;/*適用IE*/
-o-text-overflow:ellipsis; /*適用opera*/
-moz-binding: url('ellipsis.xml#ellipsis');/*適用火狐(firefox通過XUL實現(xiàn)效果)*/
自動換行div{ word-wrap:break-word; word-break:normal;}
強(qiáng)制英文單詞斷行div{ word-break:break-all;} 這個是超出隱藏,注意設(shè)置寬度
overflow:hidden; /*超出部分隱藏*/
white-space:nowrap; /*文本溢出用"..."表示*/
text-overflow:ellipsis;/*適用IE*/
-o-text-overflow:ellipsis; /*適用opera*/
-moz-binding: url('ellipsis.xml#ellipsis');/*適用火狐(firefox通過XUL實現(xiàn)效果)*/
轉(zhuǎn)載于:https://www.cnblogs.com/123qw/p/3898158.html
超強(qiáng)干貨來襲 云風(fēng)專訪:近40年碼齡,通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的HTML自动换行的问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Cocos2d-x项目移植到WP8小记
- 下一篇: JSP 生命周期