javascript - 有时会隐藏一个按钮，使两个按钮居中

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/