在CSS中，我們經常會遇到讓文字不換行的需求，特別是當有太多的文字需要顯示在同一行時。以下是兩種方法可以實現讓文字不換行。 1. 使用white-space屬性 在CSS中，我們可以使用white-space屬性來控制文字如何顯示和換行。white-space屬性有三個取值：normal、nowrap和pre。 - normal：默認行為，當一行中的文本長度達到容器寬度時會自動換行 - nowrap：強制在一行內顯示所有文本，超出容器寬度的部分將被裁切 - pre：與nowrap相似，但保留白空格和換行符 所以，為了讓文字不換行，我們可以將white-space屬性設置為nowrap或者pre，具體代碼如下： p { white-space: nowrap; /* 或者 white-space: pre; */ } 2. 使用word-break屬性 如果你遇到的文字過長，即使是不換行也會溢出容器，那么我們可以使用word-break屬性來打斷單詞，讓文字自動換行。word-break屬性有四個取值：normal、break-all、keep-all和break-word。 - normal：默認行為，正常斷行，不強制斷單詞 - break-all：強制斷行，即單詞內部也斷開 - keep-all：保持單詞不被斷行，適用于多音字語言 - break-word：在單詞內斷開，適用于英文等無規則分詞語言 所以，為了保證文字自動換行，我們可以將word-break屬性設置為break-all或者break-word，具體代碼如下： p { word-break: break-all; /* 或者 word-break: break-word; */ } 總之，以上兩種方法能幫助我們實現文字不換行的需求，根據需求選用相應的屬性即可。