首先,我們先來了解一下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ū)別可以自己嘗試一下~這是一個非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常長的句子。
上一篇mysql的刪除語句是啥
下一篇mysql的刪除用戶語句