CSS是一種強大的樣式語言，可以讓我們輕松地設計和布置網頁。它提供了許多實用的組件，如文本框、按鈕、下拉菜單等。然而，在使用這些組件時，換行經常是一個問題。下面的代碼演示了一個CSS文本框組件：

.textbox {
width: 300px;
height: 100px;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}

當我們在網頁中使用這個組件時，如果文本框中的內容太長了，在到達容器的邊緣時它會自動換行。但是，如果我們想在文本框中手動添加換行符，那該怎么做呢？

解決方法是：在CSS中使用“white-space: pre-wrap”屬性。這個屬性告訴瀏覽器要保留文本中的空格和換行符。

.textbox {
white-space: pre-wrap;
}

現在，即使我們在文本框中手動添加換行符，它也會保留這些換行符，并在到達容器的邊緣時自動換行。

總之，通過使用CSS中的“white-space: pre-wrap”屬性，我們可以輕松地實現文本框中的手動換行。這對于設計和布置網頁來說非常實用，因為它讓我們能夠更好地控制文本框中的內容。