CSS 不允許文字折行 為了使網頁更加美觀和易于閱讀，許多網站在設計中會讓文本自動換行，這樣就不用擔心字符在窄屏幕上過度延伸。但是，有時候我們希望讓CSS不允許文字折行，主要是為了避免文本行縮短或出現意外的斷開，從而影響網頁的外觀和可讀性。 在 CSS 中，我們可以通過 white-space 屬性來控制元素中的文本流，從而達到不允許文字折行的目的。常見的 white-space 屬性值有： - normal：默認值，表示不限制空格、制表符和換行符的數量。 - pre：保留所有空格、制表符和換行符，忽略所有 CSS 樣式中的空格和換行符。 - nowrap：強制文本在元素內不換行，直到遇到 br 元素或者換行符為止。 - pre-wrap：保留所有空格、制表符和換行符，并允許文本在必要時進行換行。 - pre-line：保留空格和換行符，并允許在空格或換行符處換行，但普通字符序列不會自動換行。 當我們希望讓CSS不允許文字折行時，可以使用nowrap或者pre屬性。例如，下面的代碼段將禁止段落中的文本內部換行：

p {
white-space: nowrap;
}

但需要注意的是，這種方式可能會導致文本在元素邊界外延出，從而破壞頁面的外觀和可讀性。因此，在使用上述屬性時，需要結合其他 CSS 樣式來控制元素的大小和位置，以確保文本可讀且不會超出所在的邊界。 綜上所述，在設計網頁時，是否允許文字自動換行取決于所需的外觀和可讀性。我們可以使用 white-space 屬性控制文本流，從而達到不同的效果，但需要根據實際情況做出選擇和調整，以便最終實現預期的視覺效果。