居中兩個按鈕時，將有時隱藏一個按鈕

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/