欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 元素超出自動換行

錢淋西2年前12瀏覽0評論
首先,我們先來了解一下CSS中的white-space屬性。這個屬性用來控制元素內(nèi)的空白(換行、空格)的處理方式,有以下幾個值: - normal:默認值,自動換行,連續(xù)的空白會合并為一個空格。 - nowrap:不換行,連續(xù)的空白會合并為一個空格。 - pre:不換行,保留所有空白和換行。 - pre-wrap:自動換行,保留所有空白和換行。 - pre-line:自動換行,合并連續(xù)的空白,保留換行。 例如,我們可以將一個長句子放在一個p標簽內(nèi),并設(shè)置white-space為pre,就可以使這個句子自動換行,不會超出p標簽的寬度:

這是一個非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常長的句子。

如果我們將white-space改為nowrap,則會出現(xiàn)溢出現(xiàn)象,句子會超出p標簽的寬度,瀏覽器會自動換行:

這是一個非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常長的句子。

最后,我們來看一下pre-wrap和pre-line的效果。pre-wrap會自動換行,并保留所有空白和換行,pre-line會合并連續(xù)的空白,保留換行。具體區(qū)別可以自己嘗試一下~