将两个按钮居中时，有时会隐藏一个按钮

Question

我有一个矩形div，我希望水平居中两个按钮。但是，有时会隐藏其中一个按钮，因此我希望保留的按钮位于中间位置。

如何做到这一点？按钮具有已知/固定宽度。

Answer 1

将"text-align: center; margin: auto"添加到矩形div的样式中，你应该好好去。

<div class="rectangle" style="text-align: center; margin: auto">
    <input type="button" value="Click Me!" />
    <input type="button" value="Click Me, Too!" style="display:none;" />
</div>

如果两个都显示，它们都将居中，否则单个按钮将居中

---

示例：http://jsfiddle.net/hunter/VpgvS/