如何設(shè)定CSS以禁止折行

在CSS中，我們可以使用white-space屬性來禁止折行，white-space屬性的值可以是normal、pre、nowrap或者pre-line，normal是默認(rèn)值，表示文本會(huì)自動(dòng)換行；pre表示文本會(huì)按照預(yù)格式化的樣式顯示，即保留空格和換行符；nowrap表示文本不會(huì)換行，即使超出容器寬度；pre-line表示文本會(huì)按照預(yù)格式化的樣式顯示，但是超出容器寬度的文本會(huì)自動(dòng)換行。

如果我們想要禁止折行，可以將white-space屬性設(shè)置為nowrap。

p {
  white-space: nowrap;
}

上述代碼表示所有段落（p元素）都不會(huì)換行，即使超出容器寬度。

我們還可以使用overflow屬性來處理超出容器寬度的文本，如果我們將overflow屬性設(shè)置為hidden，那么超出容器寬度的文本就會(huì)被隱藏起來。

p {
  white-space: nowrap;
  overflow: hidden;
}

上述代碼表示所有段落（p元素）都不會(huì)換行，且超出容器寬度的文本會(huì)被隱藏起來。

我們可以通過設(shè)置white-space屬性和overflow屬性來禁止折行并處理超出容器寬度的文本。