使按钮出现在页面引导

家伙喜中间我有2个按钮现在：使按钮出现在页面引导

<a href="GAME1/index.html" class="btn btn-warning" style ="margin-left: 500px;">1 Player</a> 
    <a href="GAME4/index.html" class="btn btn-warning">2 Players</a>

努力使他们出现在我的页面的中间，但我相信使用像与容限左500px是不好的编码，我想知道什么是让他们出现在页面中间，也是1上面的最好方法，并改变按钮的大小，使他们更大一点

谢谢寻求帮助

来源

2016-05-06 Blindeagle141

包裹在一个div两个按钮，像这样

<div style="text-align:center"> 
    <a href="GAME1/index.html" class="btn btn-warning">1 Player</a> 
    <a href="GAME4/index.html" class="btn btn-warning">2 Players</a> 
</div>

如果你希望他们在另一个之上，添加style="display: block;"到每个按钮。要更改字体大小，请将font-size添加到您的内联样式中。

所以现在：

<div style="text-align:center"> 
    <a href="GAME1/index.html" class="btn btn-warning" style="display:block; font-size: 20px;">1 Player</a> 
    <a href="GAME4/index.html" class="btn btn-warning" style="display:block; font-size: 20px;">2 Players</a> 
</div>

来源

2016-05-06 00:37:21 pll33

<div id="buttonCenter" style="text-align:center"> 
 
<a href="GAME1/index.html" class="btn btn-warning">1 Player</a> 
 
<a href="GAME4/index.html" class="btn btn-warning">2 Players</a> 
 
</div>

来源

2016-05-06 00:33:56 eyanez1230

啊，他们仍然并排，也不好意思，你如何让文字更大？ – Blindeagle141

您可以使用style =“display：block; font-size：14px;”在每个标签上。您可以将字体大小的值更改为最适合您的值。 – eyanez1230

引导附带了一个名为 “文本中心” 类。
这将使div和其中的任何内容居中。

<div class="text-center"> 
    <a href="GAME1/index.html" class="btn btn-warning" style ="margin-left:  500px;">1 Player</a> 
    <a href="GAME4/index.html" class="btn btn-warning">2 Players</a> 
</div>

来源

2016-05-06 01:02:58 Edgar

使按钮出现在页面引导

回答

相关问题