word wrap 文字換行

2021-07-03 03:33:13 字數 557 閱讀 7649

word-wrap有兩個取值:

1、word-wrap: normal:只在允許的斷字點換行(瀏覽器保持預設處理)。

word-break有三個取值:

1、word-break: normal:使用瀏覽器預設的換行規則。( 等價於word-wrap: normal )

2、word-break: break-all:允許在單詞內換行。( 即在容器末端有長單詞不能完全顯示,會截斷單詞 )

3、word-break: keep-all:只能在半形空格或連字元處換行。

text-wrap是css3屬性,有4個取值:

1、text-wrap:normal:只在允許的換行點進行換行。

2、text-wrap:none:不換行。元素無法容納的文字會溢位。

3、text-wrap:suppress:壓縮元素中的換行。瀏覽器只在行中沒有其他有效換行點時進行換行。

4、text-wrap:unrestricted:在任意兩個字元間換行。

ps:目前主流瀏覽器都不支援 text-wrap 屬性。

文字換行StaticLayout

最近工作中有畫文字換行的需求於是研究了一下 staticlayout charsequence source,int bufstart,int bufend,textpaint paint,int outerwidth,alignment align,float spacingmult,float ...

文字自動換行

white space 通過html文件的源 的排版方式控制頁面顯示文字的排版方式 取值 normal pre nowrap pre wrap pre line inherit normal 正常無變化 預設處理方式.文字自動處理換行.假如抵達容器邊界內容會轉到下一行 pre 保持html源 的空格...

文字換行顯示

看到乙個部落格寫到 發現是 white space nowrap,即強制文字不進行換行,順便看了一下文字換行的屬性word wrap,總結如下 white space的預設只是normal,自動換行。word break break all和word wrap break word表示強制換行,前者...