在網(wǎng)頁設(shè)計(jì)中，文本框是經(jīng)常被使用到的一種元素。但是，我們發(fā)現(xiàn)有時(shí)在文本框中輸入的文字無法完全顯示，導(dǎo)致界面看起來不夠美觀。這時(shí)候，就需要使用CSS讓文本框的內(nèi)容自動(dòng)換行。 CSS為文本框的內(nèi)容換行提供了兩種方式：自動(dòng)換行和強(qiáng)制換行。 自動(dòng)換行，可以在文本框中的輸入內(nèi)容超出文本框的寬度時(shí)，自動(dòng)將內(nèi)容換行，使其全部顯示在文本框中。這個(gè)功能可以通過CSS中white-space屬性來實(shí)現(xiàn)，該屬性有以下三種取值方式： 1. normal：這是默認(rèn)值，不強(qiáng)制換行，按照空格或者其他標(biāo)點(diǎn)符號(hào)進(jìn)行分詞換行。 2. pre：保持原有的空白符，不計(jì)換行符，也不自動(dòng)換行，需要手動(dòng)添加換行符才能實(shí)現(xiàn)文字換行。 3. pre-wrap：保留空白符，自動(dòng)換行，達(dá)到適應(yīng)文本框?qū)挾鹊哪康摹? 下面是一個(gè)使用pre-wrap方式的樣例代碼：

input{
white-space: pre-wrap;
}

強(qiáng)制換行，可以讓文本框中的輸入內(nèi)容在一個(gè)指定的位置進(jìn)行換行。這個(gè)功能可以通過CSS中的“\”字符實(shí)現(xiàn)，格式為“
”+“\”+回車符，如下所示：

輸入內(nèi)容：

以上就是CSS讓文本框內(nèi)容換行的方法，你需要根據(jù)具體的情況選擇不同的換行方式。