CSS中可以使用text-align屬性來設置文本的對齊方式,而在文本框這種元素中,我們可以使用text-align屬性來設置內部文本的對齊方式。但是,這種方法只能用于單行文本框,對于多行文本框中的文本,默認情況下是左對齊的。
對于多行文本框,我們可以使用CSS中的display屬性來設置為block,從而變成塊級元素。這樣,我們就可以使用margin屬性來設置文本框的外邊距,從而實現文本框居中顯示。
/* 居中顯示文本框 */ textarea { display: block; /* 變成塊級元素 */ margin: 0 auto; /* 設置外邊距 */ text-align: center; /* 設置文本居中 */ }
如上述代碼示例,我們可以使用textarea元素來表示多行文本框,然后設置display屬性為block,margin屬性為0 auto,表示垂直居中和水平居中,最后再設置text-align屬性為center,表示內部文本居中對齊。
總之,通過CSS文本框設置居中對齊,我們可以讓多行文本框中的文本在視覺上更加美觀,從而提高用戶體驗。