html - 尝试使用文本对齐将两个文本框居中

Question

我正在尝试使用文本对齐将两个文本框居中。但是，正如您在此图像中看到的那样，它们没有对齐中心。 https://gyazo.com/c47f4037ba1ab3abef5833358d94172e 是什么导致了问题？解决方案是什么？

这是我的代码:

<div style="text-align:center;">
  <input type="text">
  <br>
  <input type="text">
</div>

Answer 1

我建议使用 flexbox .

div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

<div>
  <input type="text">
  <input type="text">
</div>