CSS文字如何折行介紹

2022-09-25 10:30:14 字數 749 閱讀 3742

white-space:屬性設定程式設計客棧如何處理元素內的空白(空格、換行和tab字元)的處理。

normal 預設。空白會被瀏覽器忽略。

pre 空白會被瀏覽器保留。其行為方式類似 html 中的

標籤。

nowrap 文字不會換行,文字會在在同一行上繼續,直到遇到 &程式設計客棧lt;br> 標籤為止。

pre-wrap 保留空白符序列,但是正常地進行換行。

pre-line 合併空白符序列,但是保留換行符。

inherit 規定應該從父元素繼承 white-space 屬性的值。

word-wrap:設定或檢索當當前行超過指定容器的邊界時是否斷開轉行。

normal 控制連續文字換行。

break-word 內容將在邊界內換行。如果需要,詞內換行(word-break)也會發生。

word-break:設定或檢索物件內文字的字內換行行為。尤其在出現多種語言時。對於中文,應該使用break-all 。

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

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

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

本文標題: css文字如何折行介紹

本文位址:

css 文字折行

word wrap break word overflow hidden 而不是word wrap break word word break break all 也不是word wrap break word overflow auto 這種最好的方式,在 ie 下沒有任何問題,在 ff 下,長串...

CSS設定文字折行處理

一般情況 只要定好文字所在容器的寬度文字就會折行,如下面 想控制一段文字不折行,設定如下的樣式 white space nowrap word wrap normal word break keep all 相反,如果一段文字不能折行了,那麼可能是設定了如上的樣式,則將樣式改為 white spac...

canvas繪製文字內容自動折行(mpvue實現)

methods ctx canvas物件 param text 文字 param x 距離左邊的寬度 param y 距離右邊的寬度 param w 文字區域的寬度 param fontstyle 文字的字型風格 位置,有預設值 ctb ctx,text,x,y,w,fontstyle else 我...