【CSS】CSS強制英文、中文換行與不換行

CSS強制英文、中文換行與不換行  

結構：

1.Transshipment Booking System is launched只對英文起做用，以字母做爲換行依據

2.Transshipment Booking System is launched只對英文起做用，以單詞做爲換行依據

3.Transshipment Booking System is launched只對中文起做用，強制換行

4.Transshipment Booking System is launched強制不換行，都起做用

5.不換行，超出部分隱藏且以省略號形式出現

5.不換行，超出部分隱藏且以省略號形式出現Transshipment Booking System is launched

代碼：
.p1{ word-break:break-all; width:150px;}/*只對英文起做用，以字母做爲換行依據*/
.p2{ word-wrap:break-word; width:150px;}/*--只對英文起做用，以單詞做爲換行依據*/
.p3{white-space:pre-wrap; width:150px;}/*只對中文起做用，強制換行*/
.p4{white-space:nowrap; width:10px;}/*強制不換行，都起做用*/
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}／/*不換行，超出部分隱藏且以省略號形式出現*/

1. word-break:break-all;只對英文起做用，以字母做爲換行依據

2. word-wrap:break-word; 只對英文起做用，以單詞做爲換行依據

3.{white-space:pre-wrap; 只對中文起做用，強制換行

4.{white-space:nowrap; 強制不換行，都起做用

5.{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不換行，超出部分隱藏且以省略號形式出現

注意，必定要指定容器的寬度，否則的話是沒有用的。

注意word-break 是IE5+專有屬性

語法：

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

參數：

normal : 　依照亞洲語言和非亞洲語言的文本規則，容許在字內換行

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

keep-all : 　與全部非亞洲語言的normal相同。對於中文，韓文，日文，不容許字斷開。適合包含少許亞洲文本的非亞洲文本

說明：

設置或檢索對象內文本的字內換行行爲。尤爲在出現多種語言時。

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