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

Question

我想将提交按钮居中。我该如何做到这一点？我不知道按钮的宽度，它可能是灵活的基于其内部的文本。我试图不使用浮点并在其上设置自动边距因为这将需要宽度。

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

Answer 1

如果宽度是可变的，最好的办法是使用容器的text-align属性。如果这会以不合需要的方式影响其他兄弟元素，请考虑将输入包装在div中。

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

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