1. word-break:break-all;只對英文起作用,以字母作為換行依據
2. word-wrap:break-word; 只對英文起作用,以單詞作為換行依據
3. white-space:puolwure-wrap; 只對中文起作用,強制換行
4. white-space:nowrap; 強制不換行程式設計客棧,都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不換行,超出部分隱藏且以省略號形式出現(部分瀏覽器支援)
**:
複製**
**如下:
.p1/*只對英文起作用,以字母作為換行依據*/
.p2/*--只對英文起作用,以單詞作為換行依據*/
.p3/*只對中文起作用,強制換行*/
.p4/*強制不換行,都起作用*/
.p5//*不換行,超出部分隱藏且以省略號程式設計客棧形式出現*/
意,一定要指定容器的寬度,不然的話是沒有用的。
注意word-break 是ie5+專有屬性
語法:
word-break : normal | break | keep-all
引數:
normal : 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字
keep-all : 與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字
說明:
設定或檢索物件內文字的字內換行行為。尤其在出現多種語言時。
對於中文,應該使用break-all 。
注意,相容火狐瀏覽器強制英文換行:
複製**
**如下:
程式設計客棧-space:normal; word-break:break-all; width:150px;">英文內容
本文標題: css強制中英文換行與不換行 強制英文換行示例
本文位址:
CSS強制英文 中文換行與不換行
transshipment booking system is launched只對英文起作用,以字母作為換行依據 transshipment booking system is launched只對英文起作用,以單詞作為換行依據 transshipment booking system is la...
CSS強制英文 中文換行與不換行
p1 只對英文起作用,以字母作為換行依據 p2 只對英文起作用,以單詞作為換行依據 p3 只對中文起作用,強制換行 p4 強制不換行,都起作用 p5 不換行,超出部分隱藏且以省略號形式出現 1.word break break all 只對英文起作用,以字母作為換行依據 2.word wrap br...
CSS強制英文 中文換行與不換行
結構 1.transshipment booking system is launched只對英文起作用,以字母作為換行依據 2.transshipment booking system is launched只對英文起作用,以單詞作為換行依據 3.transshipment booking sys...