如何将一个按钮放在页面上？

-1

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

来源

2015-02-09 Christopher Kapetanakis

如果您将您当前的代码附加到您的问题上，或者每个人都被猜测出来，这将会很有帮助。什么是'float：center'？ – Huangism 2015-02-09 20:56:18

请提供您编写的代码。它可能可以通过按钮父元素上的'text-align：center'风格来修复，但很难说没有你的代码。 – Ted 2015-02-09 20:56:24

'float：center'不存在。 – coopersita 2015-02-09 21:31:15

这听起来像你需要：

text-align: center;

来源

2015-02-09 20:57:03 user3781632

根据您的页面是如何构造的存在是实现这一不同的方法：
JSfiddle DEMO

按钮作为一个独立的元素：
这里您希望将该按钮设置为block元素，因为它将左右边距设置为auto。

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

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

按钮内嵌子元素：
在这种情况下，要应用text-align: center;父元素。

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

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

来源

2015-02-09 21:06:15 JRulle

如何将一个按钮放在页面上？

回答

相关问题