css中強制換行

2021-06-02 02:03:40 字數 1172 閱讀 7634

結構:

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/*只對英文起作用,以字母作為換行依據*/

.p2/*--只對英文起作用,以單詞作為換行依據*/

.p3/*只對中文起作用,強制換行*/

.p4/*強制不換行,都起作用*/

.p5//*不換行,超出部分隱藏且以省略號形式出現*/

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 。

CSS強制換行

一般情況下,元素擁有預設的white space normal 自動換行,ps 不換行是white space nowrap 當錄入的文字超過定義的寬度後會自動換行,但當錄入的資料是一堆沒有空格的字元或字母或數字 常規資料應該不會有吧,但有些測試人員是會這樣子做的 超過容器寬度時就會把容器撐大,不換...

css強制換行

css實現強制不換行 自動換行 強制換行 在我們日常的編碼中經常會遇到這段文字不可以換行,或者自動換行的需求。雖然這個功能在我們平時很常見但是我相信大家一定不會可以的去記住它吧。今天我們來學習一下如何熟練的掌握用css實現文字的強制不換行 自動換行 強制換行的方法。需要的夥伴們可以來一起學習哦!di...

css 強制換行

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