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

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/