在CSS中，我們可以通過(guò)設(shè)置white-space屬性來(lái)控制多行輸入框的換行顯示。white-space屬性指定了如何處理元素內(nèi)的空白字符，包括空格、制表符和換行符。

1、設(shè)置white-space屬性為pre：這將保留輸入中的所有空白字符，包括換行符，這樣，當(dāng)用戶(hù)在多行輸入框中輸入文本時(shí)，每個(gè)換行符都會(huì)被保留并顯示出來(lái)。

.multi-line-input {
  white-space: pre;
}

2、設(shè)置white-space屬性為pre-line：這將保留輸入中的所有空白字符，但會(huì)合并連續(xù)的空白字符為一個(gè)空格，并顯示換行符。

.multi-line-input {
  white-space: pre-line;
}

3、設(shè)置white-space屬性為pre-wrap：這將保留輸入中的所有空白字符，但會(huì)合并連續(xù)的空白字符為一個(gè)空格，并顯示換行符，與pre-line不同，它還會(huì)考慮CSS的word-break屬性來(lái)控制換行的位置。

.multi-line-input {
  white-space: pre-wrap;
}

4、設(shè)置white-space屬性為normal：這是默認(rèn)值，它會(huì)合并連續(xù)的空白字符為一個(gè)空格，但不顯示換行符。

.multi-line-input {
  white-space: normal;
}

通過(guò)合理地設(shè)置white-space屬性，我們可以控制多行輸入框中的文本排版和換行顯示，以滿(mǎn)足不同的用戶(hù)需求。