Css 如何使宽度可变的项目居中？

我想将提交按钮居中放置。我如何做到这一点？我不知道按钮的宽度，根据里面的文字，它可能是灵活的。我试着不使用float并在其上设置边距自动，因为这需要一个宽度

<input type="submit" value="may vary" />

---

如果宽度是可变的，最好使用容器的文本对齐属性。如果这将以不希望的方式影响其他兄弟元素，请考虑在DIV./P>中包装输入。

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

---

注意：上面的内联CSS只是一个示例，可以为div创建CSS规则。

如果宽度是可变的，最好使用容器的文本对齐属性。如果这将以不希望的方式影响其他兄弟元素，请考虑在DIV./P>中包装输入。

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

---

注意：上面的内联CSS只是一个示例，请随意为div创建CSS规则。

感谢您提到了经常被忽略的简单

文本对齐解决方案。似乎很多人都疯狂地想把事情放在中心位置，这通常是由于浮点滥用。感谢您提到了经常被忽略的简单的
text align
解决方案。似乎很多人疯狂地试图把事情放在中心，这通常是滥用浮动的结果。