文章太長，自動換行的CSS解決方案 在開發網頁時，我們經常會遇到文章文字過長的情況，這種情況需要使用自動換行的CSS解決方案。在使用該技術時，我們可以在p標簽中設置CSS樣式，通過設置word-wrap或white-space屬性來實現自動換行。 例如，我們可以在CSS樣式表中添加以下代碼： p { word-wrap: break-word; } 該代碼可以將p標簽中的文字內容自動換行，避免出現超出邊框的問題。 另一種實現方法是使用white-space屬性。在CSS樣式表中添加以下代碼： p { white-space: pre-wrap; } 該代碼可以將p標簽中的空格和換行符保留，在文本內容超出邊框時自動換行，類似于在代碼中使用pre標簽的效果。 在代碼塊中，我們可以使用pre標簽來保存代碼的格式，同時也可使用相應的CSS樣式來改變代碼的顯示效果。 例如，我們可以在CSS樣式表中添加以下代碼： pre { font-family: 'Courier New', monospace; font-size: 14px; line-height: 18px; padding: 10px; background-color: #F0F0F0; border: 1px solid #CCC; overflow: auto; } 該代碼可以將pre標簽中的代碼內容改為居中顯示，并使用斜線字體，同時添加背景顏色、邊框和滾動條。 總結 文章太長時，我們可以通過設置word-wrap或white-space屬性來實現自動換行。在代碼塊中我們可以使用pre標簽來保存代碼的格式，并使用CSS樣式來改變顯示效果。這些技巧可以使文章和代碼更容易閱讀和理解。