HTML中的whitespace是什么驮樊?
whitespace在英文中意思是空白粗恢。在HTML中顧名思義柑晒,應(yīng)該指譬如tab、backspace眷射、制表符匙赞、換行符等空白。
white-space各種屬性值都是什么意思妖碉?
white-space屬性聲明建立布局過程中如何處理元素中的空白符涌庭。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
我覺得w3school給的解釋并不容易記憶而且有些細(xì)節(jié)不嚴(yán)謹(jǐn)欧宜,所以自己稍作加工坐榆。
屬性值 | 意義 |
---|---|
normal | 相鄰空白符合并成一個(gè),且如果超過外層框會(huì)自動(dòng)換行冗茸。默認(rèn)屬性席镀。表示所有相鄰的空白符都會(huì)被坍縮(collapse)成一個(gè)空格匹中。 |
nowrap | 不會(huì)換行直至遇到 ,且相鄰空白符合并豪诲。MDN:" but suppresses line breaks (text wrapping) within text. " wrap是包裹的意思顶捷,我的理解是一層包裹算一行。于是沒有包裹自然不會(huì)換行 |
pre | 空白會(huì)被瀏覽器保留屎篱。其行為方式類似于 HTML 中的 <pre> 標(biāo)簽焊切。注意<pre> 標(biāo)簽是塊元素 |
pre-wrap | 空白符會(huì)被瀏覽器保留。和pre非常像芳室,區(qū)別在于pre-wrap會(huì)根據(jù)外層line-box進(jìn)行自動(dòng)換行专肪,而pre則會(huì)溢出外層框 |
pre-line | 相鄰空白符會(huì)被合并成一個(gè),但是換行符會(huì)保留堪侯。 |
存疑
- MDN中關(guān)于white-space的解釋嚎尤,我不明白line-box是什么意思
Breaks lines as necessary to fill line boxes.