這是一個值得收藏的代碼,在CSS中實現強制不換行、強制換行、自動換行,特別是在顯示一長串英文字符的時候尤其實用,有效解決字符在不換行情況下解決網頁的顯示變形問題。解決方法如下:
CSS強制不換行:
1
div{
white-space
:
nowrap
;}
CSS自動換行:
1
div{
2
word-wrap: break-Word;
3
Word-break:
normal
;
4
}
CSS強制英文字符串換行
1
div{
2
Word-break:break-
all
;
3
}
覺得實用就收藏吧!~