CSS是前端開發中常用的樣式語言，它可以用來美化網頁，改變網頁的排版等等。在網頁開發中，我們常常會使用

和
• 標簽來創建列表。但是，如果列表項內容過長，就會出現排版混亂，影響整個網頁的美觀程度。那么，如何使用CSS來解決這個問題呢？接下來，我們就來探討一下。

  首先，我們要明確一點，

• 標簽默認是單行顯示的。所以，如果內容過長，會導致排版混亂。那么，如何讓
• 標簽換行呢？

  li {
  white-space: pre-wrap;
  }

  上述代碼中，我們使用了CSS屬性white-space: pre-wrap;來讓

• 標簽換行。這個屬性會保留文本中的空格和換行符，并允許在元素內換行。因此，當
• 標簽中的文本過長時，就會自動換行，從而保證排版不會混亂。

  需要注意的是，這個屬性可能會影響字符串的間距，所以需要根據實際情況進行調整。

  另外，如果你只希望在文本過長的時候才換行，可以使用overflow-wrap: break-word;，如下所示：

  li {
  overflow-wrap: break-word;
  }

  這個屬性會在單詞內換行，而不影響單詞之間的間距。因此，當

• 標簽中的單詞太長時，就會自動換行。

  總而言之，使

• 標簽換行有很多方法，你可以根據實際情況選擇適合自己的方式。但無論怎樣，保證網頁排版的美觀程度是最重要的。