CSS文本框換行
在網頁設計中，文本框的使用是非常普遍的。而如何使文本框中的文本在達到容器寬度后換行是重要的一項技能。CSS提供了許多方法來實現文本框的換行。下面我們將介紹最常用的幾種方法。
1、使用word-wrap屬性
word-wrap屬性可以限制單詞的包裹位置，防止太長的單詞破壞布局。同時還可以保證文本在容器寬度內換行。
示例代碼：

p {
word-wrap: break-word;
}

2、使用white-space屬性
white-space屬性用來控制文本的空格和換行符的處理方式。通過設置為nowrap可實現文本不換行，在達到容器寬度時溢出。而設置為normal或pre-wrap則會在達到寬度時進行換行。
示例代碼：

p {
white-space: nowrap; /* 不換行 */
}
p {
white-space: normal; /* 換行 */
}
p {
white-space: pre-wrap; /* 換行并保留換行符 */
}

3、使用overflow屬性
overflow屬性用來控制元素的溢出內容。配合設置文本容器寬度可以實現文本在一定寬度內換行，并在達到最大寬度時出現滾動條，方便用戶查看。
示例代碼：

p {
width: 200px;
height: 100px;
overflow: auto; /* 滾動條 */
}

以上是CSS文本框換行的一些常用方法。根據具體需求選擇合適的方法來實現文本框中的文本的換行，可以使頁面的展示更加美觀和易讀。