Html 将按钮与中心对齐

我有一个简单的提交按钮。我想把它对准中心。这是我的密码：

<input type="submit" name="btnSubmit" value="Submit" onClick="Submit" align="center">

---

但是，它不起作用。做这件事最好/最简单的方法是什么？

您应该使用以下方法：

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

---

您可以根据需要调整百分比。在回复邮件中，它似乎对我有效

以下是对我有效的方法：

    <input type="submit" style="margin-left: 50%">

如果您只添加边距，而不添加左边部分，则会将提交按钮居中放置在整个页面的中间，这使得没有耐心查找提交按钮的人很难找到并使表单不完整lol。边距将其居中放置在同一行内，所以它不会超出你的预期。

---

如果只想将提交按钮缩进一点，而不是整个页面的一半，也可以使用像素而不是百分比

添加宽度：100px，边距：50%。 现在按钮的左侧被设置为中间。
最后，在我们的例子中，添加按钮宽度的一半 按钮的中间在中间。

<input type='submit' style='width:100px;margin:0 50%;position:relative;left:-50px;'>

---

对我来说，它使用flexbox工作，在我看来这是最干净的解决方案

在父div/元素周围添加一个css类，其中包含：

.parent {
display: flex;
}

对于按钮的使用：

.button {
justify-content: center;
}

您应该使用父div，否则按钮不知道页面/元素的中间是什么

如果这不起作用，请尝试：

#wrapper {
    display:flex;
    justify-content: center;
}

---

这不太正确。您发布了两种不同的完成任务的方法。其中一个是正确的，另一个是错误的。您可以在父对象上使用正确的

text align:center

。但他可能不希望父对象中的所有内容都以中心为中心。仅仅为了居中而添加它将是浪费的标记。添加

边距：0自动是不必要的。这是一种单独的方法。它要求提交按钮定义
宽度
。您应该更正当前的答案，并可能发布第二个解决方案。
.button {
justify-content: center;
}

#wrapper {
    display:flex;
    justify-content: center;
}