css強制html不換行 css強制英文單詞斷行

2021-08-26 08:52:51 字數 1040 閱讀 8989

css強制html不換行 css強制英文單詞斷行

強制不換行

div自動換行

div強制英文單詞斷行

divcss設定不轉行:

overflow:hidden 隱藏

white-space:normal 預設

pre 換行和其他空白字元都將受到保護

nowrap 強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件

設定強行換行:

word-break:

normal ; 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行

break-all :  該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字

keep-all :  與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字與之間的高度解決辦法

英文不換行

css裡加上 word-break: break-all; 問題解決。這個問題只有ie才有,在ff下測試,ff可以自己加滾動條,這樣也不影響效果

建議大家做skin時,記得在body裡加 word-break: break-all; 這樣可以解決ie的框架被英文撐開的問題

以下引用word-break的說明, 注意word-break 是ie5+專有屬性

語法:word-break : normal | break-all | keep-all

引數:normal :  依照亞洲語言和非亞洲語言的文字規則,允許在字內換行

break-all :  該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字

keep-all :  與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字

說明:設定或檢索物件內文字的字內換行行為。尤其在出現多種語言時。

對於中文,應該使用break-all 。

對應的指令碼特性為wordbreak。請參閱我編寫的其他書目。

示例:div

css強制html不換行 css強制英文單詞斷行

強制不換行 div 自動換行 div 強制英文單詞斷行 div css設定不轉行 overflow hidden 隱藏 white space normal 預設 pre 換行和其他空白字元都將受到保護 nowrap 強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件 設定強行換行 wor...

css強制換行和強制不換行

中文情況下 我們用div,p,ul,li 等塊級元素 布局給其設定了特定的width,那麼就會自動的換行。用span,a 等內聯元素 設定了display inline block,或者display block 也可以自動換行了。div布局 含英文不會自動換行,會超出來 div布局 強制換行 我們...

CSS設定不換行與強制換行 CSS換行

css設定不轉行 overflow hidden 隱藏 white space normal 預設 pre 換行和其他空白字元都將受到保護 nowrap 強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件 設定強行換行 word break normal 依照亞洲語言和非亞洲語言的文字規則...