如何居中具有可變寬度的項目？

Question

我想居中提交按鈕。我該如何做到這一點？我不知道按鈕的寬度，它可能基於其中的文本靈活。我試圖不使用浮動，並將邊距設置爲它自動，因爲這將需要一個寬度。

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

Answer 1

如果寬度是可變的，最好的辦法是使用容器的文本對齊屬性。如果這會以不希望的方式影響其他兄弟元素，請考慮將輸入封裝在div中。

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

注：上面的內聯CSS只是一個例子，隨意創造的DIV一個CSS規則。