CSS 中輸入框居中的方法有很多種，本文將介紹其中一種常用的方法，即使用 `display: flex` 和 `align-items: center` 屬性將輸入框居中。

在 CSS 中，`display` 屬性用于指定元素的內容呈現方式，其中 `flex` 是 `display` 屬性的一個子選項，它可以讓元素呈現為靈活的布局。`align-items` 屬性用于指定元素的對齊方式，其中 `center` 是默認值，它可以讓元素在水平方向上居中。`align-items: center` 屬性可以進一步指定元素的對齊方式，將元素水平方向上居中，垂直方向上對齊。

下面是一個使用 `display: flex` 和 `align-items: center` 屬性將輸入框居中的示例代碼：

```html

在這個示例中，`input` 元素被設置為 `display: flex`，這樣它就可以遵循 flex 布局的規則，從而可以居中展示。`align-items: center` 屬性用于將元素水平方向上居中，這是通過將 `justify-content` 和 `align-content` 屬性的值設置為 `center` 來實現的。

使用 `display: flex` 和 `align-items: center` 屬性將輸入框居中是一種非常簡單和直觀的方法，可以讓輸入框在水平方向上自動居中，垂直方向上自動對齊。當然，除了這兩種方法，還有其他很多方法可以實現輸入框的居中，比如使用 `margin: auto` 屬性，或者使用表格布局等。