CSS設(shè)置input框居中對齊

CSS中設(shè)置input框居中對齊，可以通過以下步驟實現(xiàn)：

1、將input框的父元素設(shè)置為一個flex容器。

2、使用justify-content屬性將input框在父元素中水平居中。

3、使用align-items屬性將input框在父元素中垂直居中。

下面是一個示例代碼：

HTML代碼：

<div class="container">
  <input type="text" class="input-box">
</div>

CSS代碼：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 父元素高度設(shè)置為100% */
}
.input-box {
  text-align: left; /* 子元素文本對齊方式 */
}

在這個示例中，我們將input框的父元素設(shè)置為一個flex容器，并使用justify-content和align-items屬性將input框在父元素中水平和垂直居中，我們還將input框的子元素文本對齊方式設(shè)置為left，以確保文本在input框中左對齊顯示。

通過以上步驟，我們就可以輕松地在CSS中設(shè)置input框居中對齊。