CSS3中，可以使用text-align屬性將文本內(nèi)容居中顯示，對于下拉框（select元素）text-align屬性并不起作用，因為下拉框的文本內(nèi)容是由其內(nèi)部的option元素決定的，而option元素是行內(nèi)元素，它們的文本內(nèi)容默認是左對齊的。

要將下拉框中的文本內(nèi)容居中顯示，可以使用CSS3中的flex布局，具體步驟如下：

1、將下拉框的父元素設(shè)置為flex容器。

2、將下拉框設(shè)置為flex項。

3、使用justify-content屬性將文本內(nèi)容居中顯示。

假設(shè)有一個名為select-box的下拉框，其父元素為div，可以使用以下CSS代碼將其文本內(nèi)容居中顯示：

div {
  display: flex;
  justify-content: center;
}
select#select-box {
  position: relative;
  left: -50%; /* 假設(shè)select-box的寬度為200px */
  width: 200px;
}

在上面的代碼中，div元素被設(shè)置為flex容器，并使用justify-content屬性將文本內(nèi)容居中顯示。select-box元素被設(shè)置為flex項，并使用position和left屬性將其位置調(diào)整為中心位置，通過調(diào)整select-box的寬度，可以使其文本內(nèi)容更加美觀地居中顯示。