在網頁設計中，文字過長經常是一個令人頭疼的問題。如果文字沒有得到適當的控制，它們可能會影響頁面的可讀性和視覺效果。CSS提供了一些強大的控制工具，讓您可以輕松控制文字的長度和位置。 在段落中，使用p標簽包裹文字。如果您的段落中包含太多的文字，您可以使用CSS來限制段落的長度。為了達到這個目的，您可以在CSS樣式表中添加以下代碼： ```css p { width: 80%; } ``` 上述代碼限制了段落的寬度，讓它最多只占據其容器（如div）的80%。如果您需要更控制，您可以使用max-width屬性： ```css p { max-width: 500px; } ``` 這將限制您的段落的寬度不超過500個像素。不要忘記調整寬度和最大寬度以適應您的需求。 有時，您可能需要避免文字在行結束時分裂。您可以使用CSS white-space屬性來解決這個問題： ```css p { white-space: nowrap; } ``` 上述代碼強制段落不換行，當段落超出容器的寬度時，文本將產生橫向滾動條。 在某些情況下，您可能希望顯式換行，以避免段落中文本的重疊。您可以使用CSS代碼中的word-break屬性來實現這一點。 ```css p { word-break: break-all; } ``` 上述代碼將段落分成新的行，以適應給定的容器寬度。這將確保每個單詞都獨立成行，以保持可讀性。 如果您需要顯示代碼或其他預格式化文本，您可以使用pre標簽。pre表示“預格式化文本”，因此在pre中的文本需要保留其所有空格、新行和其他特殊字符。為了使pre中的文本更易于閱讀，您可以使用CSS white-space屬性和overflow屬性來控制水平和垂直方向上的滾動。 ```css pre { white-space: pre-wrap; overflow-x: auto; overflow-y: scroll; } ``` 上述代碼允許您在水平方向上滾動并在需要時自動換行。垂直滾動條允許您在需要時輕松滾動。 總之，使用CSS控制文本過長可以增強網頁的可讀性和視覺效果。使用p標簽包裹段落，使用white-space屬性來控制文字是否換行，使用pre標簽顯示代碼時，請考慮使用CSS control來控制水平和垂直方向上的滾動。