CSS 不換號 在 HTML 中，如果一段文本超過了容器的寬度，那么它就會自動換行。這是因為 HTML 規定了默認的文本換行方式。但是，在某些情況下，我們可能需要讓文本在不換行的情況下自動適應容器寬度。 這時，我們就需要用到 CSS 的 word-wrap 和 white-space 屬性。 Word-wrap 屬性用于控制是否允許單詞內換行：normal 表示不允許，break-word 表示允許。 比如，下面這段代碼中，使用了 word-wrap: break-word;，當文本內容超出容器的寬度時，它會在單詞之間進行換行。 ``` pre { word-wrap: break-word; max-width: 200px; border: 1px solid black; } ``` 在不使用 word-wrap 屬性時，上述文本會變成這樣： pre { max-width: 200px; border: 1px solid black; } white-space 屬性用于控制文本的空白符（空格、制表符等）如何處理：normal 表示忽略多余的空白符和換行符，pre 表示保留原來的空白符和換行符。 比如，下面這段代碼中，使用了 white-space: nowrap;，當文本內容超出容器的寬度時，它會不換行。 ``` p { white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; } ``` 在不使用 white-space 屬性時，上述文本會變成這樣： p { max-width: 200px; overflow: hidden; text-overflow: ellipsis; } 注意：如果同時使用了 word-wrap 和 white-space 屬性，需要將 white-space 設置為 normal，否則 word-wrap 會失效。 總結：word-wrap 和 white-space 屬性可以幫助我們控制文本的換行和空白符處理方式，從而調整文本在容器中的布局效果。