CSS中可以使用多種方法將輸入框居中，以下是一些常用的方法：

1、使用flex布局

Flex布局是一種非常靈活的布局方式，可以將輸入框輕松居中，可以通過(guò)設(shè)置父元素的display屬性為flex，然后設(shè)置justify-content和align-items屬性為center來(lái)實(shí)現(xiàn)輸入框的居中。

<div style="display: flex; justify-content: center; align-items: center;">
  <input type="text" />
</div>

2、使用grid布局

Grid布局也是一種可以實(shí)現(xiàn)輸入框居中的方法，可以通過(guò)設(shè)置父元素的display屬性為grid，然后設(shè)置justify-content和align-items屬性為center來(lái)實(shí)現(xiàn)輸入框的居中。

<div style="display: grid; justify-content: center; align-items: center;">
  <input type="text" />
</div>

3、使用position屬性

通過(guò)設(shè)置輸入框的position屬性為absolute，然后設(shè)置top、left、right和bottom屬性為0，可以實(shí)現(xiàn)輸入框的居中，這種方法需要確保父元素的位置屬性也為relative。

<div style="position: relative;">
  <input type="text" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;" />
</div>

4、使用transform屬性

通過(guò)設(shè)置輸入框的transform屬性為translate(-50%, -50%)，可以將輸入框居中，這種方法需要確保父元素的position屬性也為relative。

<div style="position: relative;">
  <input type="text" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
</div>

是幾種常見(jiàn)的將輸入框居中的方法，可以根據(jù)具體的需求選擇適合的方法。