CSS中有多種方法可以讓文本框居中。下面介紹幾種常見的方法。

/* 方法一：使用text-align屬性 */
.textbox{
text-align: center;
}
/* 方法二：使用display屬性和margin屬性 */
.textbox{
display: block;
margin: 0 auto;
}
/* 方法三：使用flex布局 */
.container{
display: flex;
justify-content: center;
}
.textbox{
flex: 1;
}

方法一：使用text-align屬性

將文本框內的文本居中對齊，可以使用text-align屬性，將居中對齊的樣式應用到文本框的父元素上。

<div class="container"><input type="text" class="textbox" /></div>.container{
text-align: center;
}

方法二：使用display屬性和margin屬性

將文本框水平居中，可以將文本框的display屬性設置為block，然后將文本框的左右margin都設置為auto。

<div class="container"><input type="text" class="textbox" /></div>.container{
text-align: center;
}
.textbox{
display: block;
margin: 0 auto;
}

方法三：使用flex布局

將文本框居中，可以使用flex布局，將父元素的display屬性設置為flex，然后設置justify-content屬性為center，可以將所有子元素水平居中。

<div class="container"><input type="text" class="textbox" /></div>.container{
display: flex;
justify-content: center;
}
.textbox{
flex: 1;
}

以上是幾種常見的讓文本框居中的方法，可以根據實際需求選擇合適的方法。