Question

大家好我现在有两个按钮：

 <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>

尝试让它们出现在我的页面中间，但是我确信使用margin-left 500px这样的东西不是很好的编码，我想知道什么是使它们出现在页面中间的最佳方法也是1在另一个之上，并改变按钮的大小，使它们更大

感谢您的帮助

Answer 1

<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>

Answer 2

将两个按钮包裹在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>

Answer 3

Bootstrap附带一个名为“text-center”的类这将使div和其中的任何内容居中。

{{1}}

使按钮出现在页面引导程序的中间

3 个答案: