Html 如何在div中居中放置元素

我尝试将输入字段放在页面的中心。由于某些原因，我为输入字段设置的填充将它们向右移动，我不希望出现这种情况。谁能帮我修一下吗？这是代码

.BEU注册容器{ 显示器：flex； 证明内容：中心； } .bewird\u寄存器\u包装器{ 宽度：60%； } 输入[类型=文本]， 挑选{ 边界：无； 宽度：100%； 填充：30px 20px； 利润率：8px0； 显示：内联块； 背景色：000； 颜色：BBFB34； 字体系列：Gotham、Helvetica Neue、Helvetica、Arial、无衬线字体； 字体大小：1.2vw； } 登录 你可以提到使用：

outer-element{
display:flex;
justify-content:center;
align-items:center;
}

在我看来，您将display:flex放在了错误容器的样式中。 您希望将登录表单包装的DOM居中。 请记住，默认情况下，“弯曲方向”设置为“行”

下面是关于如何使用flex的一个很好的解释。

如果我错了，请纠正我，但据我所知，这正是您想要的：

---

David

要使表单中的输入居中，请添加style=text align:center；到包含输入的父元素，在本例中是login\u form\u包装类

---

此外，如果您选中浏览器F12中的复选框，您将看到div BeWeird_login_包装显示的比它应该显示的大。为简单起见，只需使用此标题上方的结构并嵌套div即可。

感谢大家的帮助。代码很好。它只需要在输入css代码框中调整大小：边框框

像这样：

input.login[type=text], select {
    border:none;
  width: 100%;
  padding: 30px 20px;
  margin: 8px 0;
  box-sizing:border-box;
 background-color: #000;
    color:#FEA6E5 !important;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
        font-size:1.2vw;
}

---

这回答了你的问题吗？从上面正确格式化的标记可以看出，关闭标记顺序存在问题。我从那里开始。