文字換行顯示

2022-03-11 02:15:24 字數 687 閱讀 1999

看到乙個部落格寫到:

發現是:white-space: nowrap,即強制文字不進行換行,順便看了一下文字換行的屬性word-wrap,總結如下: 

white-space的預設只是normal,自動換行。 

word-break:break-all和word-wrap:break-word表示強制換行,前者若英文本元過長自動截斷,後者整個英文單詞會換行!

我自動換行使用:

white-space:normal;

line-height:2em;

height:4em;

overflow:hidden;

css 中的 white-space 屬性用於設定文字空白符的處理規則,這其中包括:是否合併空白符、是否保留換行符、是否允許自動換行。各屬性值的不同行為如下表所示:

white-space 屬性值一覽表

屬性值空白符

換行符自動換行

最早出現於

normal

合併忽略

允許css 1

nowrap

合併忽略

不允許css 1

pre保留

保留不允許

css 1

pre-wrap

保留保留

允許css 2.1

pre-line

合併保留

允許css 2.1

讓DIV中文字換行顯示

1.i am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 未加css前效果 2.這三句重點在於 word break與word wrap a word break 屬性規定自動換行的處理方法。提示 通過使用 word break 屬性,可以讓瀏覽器實現在任意位...

讓DIV中文字換行顯示

原文 讓div中文字換行顯示 1.style div style div style width 100px border 1px solid red i am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii div 未加css前效果 2.這三句重點在於 word...

銨鈕的文字換行顯示

看看下動畫效果 c 有乙個類system.environment,它有乙個newline靜態get屬性,即可實現換行。ok,知道有這個功能後,我們就可以文字換行了,我們在default.aspx放乙個按鈕,參考下第12行。view code 1 page language c autoeventwi...