Question

我在制作按钮时面临一个很大的问题。如果你用HTML或CSS给我代码，我不介意，因为我知道两者。在CSS中我使用了这个命令float:center;，在HTML中我使用了align="center，但它仍然没有用。有趣的是，当我通过codecademy它完美的工作。也许safari不支持这些功能，但它应该支持它。

Answer 1

听起来你需要：

text-align: center;

Answer 2

根据页面结构的不同，有不同的方法可以实现此目的：
JSfiddle DEMO

Button作为独立元素：
在这里，您希望将按钮视为block元素，并将其左右边距设置为auto。

<button class="btn">button 1</button>

.btn {
    margin: 0 auto;
    display: block;
}

Button作为内联子元素：
在这种情况下，您希望将text-align: center;应用于父元素。

<div class="btn-parent">
    <button class="btn-child">child button</button>
</div>

.btn-parent {
    text-align: center;
}

如何将页面上的按钮居中？

2 个答案: