如何水平固定宽度按钮？

Question

我有一个宽度始终为50px的按钮。如何将其水平居中放在父div中？

Answer 1

使父div center对齐。

HTML：

<div class="parent">
    <input type="button" class="button" value="Btn"/>
</div>

CSS：

.parent{text-align:center;}
.button{width:100px;}

Fiddle here.

Answer 2

添加

display: block;
margin: 0 auto;

应该这样做。 。

Answer 3

相对的定位是什么？按钮（/ div）？

无论是按钮还是div都没关系，只需给出div class =“button”，然后就可以得到样式了。

当您知道按钮的确切宽度时，也可以将其定位为绝对宽度，但这包括将其从正常流程中剥离出来（这可能不是您想要的）。

<div style="position:relative">
    <button style="width:50px;position:absolute;left:50%;margin-left:-25px;">Btn</button>
</div>

根据你想要获得的内容，我想我会去显示：block; margin：auto;

我在这里分叉了Hirals：http://jsfiddle.net/LRBvT/