CSS可以通過設(shè)置“display”屬性為“block”或“flex”來實現(xiàn)輸入框的換行。

如果要將一個輸入框設(shè)置為換行顯示，可以將其“display”屬性設(shè)置為“block”，這樣，輸入框就會占據(jù)一整行，并在其下方自動換行。

input[type="text"] {
  display: block;
}

上述代碼將文本輸入框設(shè)置為換行顯示。

如果是使用Flex布局，也可以通過設(shè)置“flex-wrap”屬性為“wrap”來實現(xiàn)輸入框的換行。

.container {
  display: flex;
  flex-wrap: wrap;
}
input[type="text"] {
  flex: 1 1 200px;
}

上述代碼中，容器使用Flex布局，并將“flex-wrap”屬性設(shè)置為“wrap”，輸入框則通過“flex”屬性設(shè)置寬度和高度，這樣，當(dāng)輸入框的寬度超過容器寬度時，就會自動換行顯示。

需要注意的是，不同的布局方式可能會有不同的顯示效果，具體使用哪種方式應(yīng)根據(jù)實際需求進行選擇，在編寫CSS代碼時，也要注意代碼的兼容性和可維護性，避免出現(xiàn)錯誤和冗余的代碼。