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

盲鹰141

大家好,我现在有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>

试图使它们出现在页面中间,但是我确定使用margin-left 500px之类的东西并不是很好的编码,我想知道让它们出现在页面中间以及上方1的最佳方法是什么另一个,然后更改按钮的大小并使它们变大一点

谢谢您的帮助

pll33

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

如何使导航栏出现在页面的某些部分?(也是引导程序)

来自分类Dev

页脚一直出现在页面中间

来自分类Dev

水平滚动出现在引导程序上

来自分类Dev

Tinymce 按钮未出现在某些页面中

来自分类Dev

使消息出现在屏幕中间

来自分类Dev

页脚出现在屏幕中间

来自分类Dev

如何使用Twitter Bootstrap 3使等待的图标出现在页面中间?

来自分类Dev

Twitter引导glyphicon出现在顶部

来自分类Dev

Twitter引导模式出现在错误的位置,未居中且按钮不可单击

来自分类Dev

是否可以打印出现在程序中间的python语句?

来自分类Dev

具有Windows 10引导程序的GRUB引导菜单出现在单个引导系统上

来自分类Dev

如何防止我的背景颜色/图像出现在前一行(引导程序)

来自分类Dev

滚动条出现在引导程序构建的网页底部

来自分类Dev

按钮未出现在JFrame中

来自分类Dev

固定按钮出现在错误的位置

来自分类Dev

按钮未出现在JFrame中

来自分类Dev

当页面移到表格右侧时如何删除出现在分页按钮中的文本

来自分类Dev

为什么我的推文按钮不会出现在我的页面上?

来自分类Dev

什么原因不会将文本作为单选按钮的标题出现在页面上?

来自分类Dev

Chrome扩展程序页面操作出现在地址栏之外

来自分类Dev

如何使导航栏出现在Rails应用程序的每个页面上?

来自分类Dev

谷歌页面没有出现在我的电子应用程序中

来自分类Dev

Angular JS Pop出现在应用程序的每个页面上

来自分类Dev

我希望我的轮播仅在Rails应用程序中出现在索引页面中

来自分类Dev

如何使主要内容出现在中间的背景前面?

来自分类Dev

React-bootstrap,模态出现在屏幕中间

来自分类Dev

如何使CSS中的文本出现在垂直中间

来自分类Dev

H2 出现在 div 的中间

Related 相关文章

  1. 1

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

  2. 2

    如何使导航栏出现在页面的某些部分?(也是引导程序)

  3. 3

    页脚一直出现在页面中间

  4. 4

    水平滚动出现在引导程序上

  5. 5

    Tinymce 按钮未出现在某些页面中

  6. 6

    使消息出现在屏幕中间

  7. 7

    页脚出现在屏幕中间

  8. 8

    如何使用Twitter Bootstrap 3使等待的图标出现在页面中间?

  9. 9

    Twitter引导glyphicon出现在顶部

  10. 10

    Twitter引导模式出现在错误的位置,未居中且按钮不可单击

  11. 11

    是否可以打印出现在程序中间的python语句?

  12. 12

    具有Windows 10引导程序的GRUB引导菜单出现在单个引导系统上

  13. 13

    如何防止我的背景颜色/图像出现在前一行(引导程序)

  14. 14

    滚动条出现在引导程序构建的网页底部

  15. 15

    按钮未出现在JFrame中

  16. 16

    固定按钮出现在错误的位置

  17. 17

    按钮未出现在JFrame中

  18. 18

    当页面移到表格右侧时如何删除出现在分页按钮中的文本

  19. 19

    为什么我的推文按钮不会出现在我的页面上?

  20. 20

    什么原因不会将文本作为单选按钮的标题出现在页面上?

  21. 21

    Chrome扩展程序页面操作出现在地址栏之外

  22. 22

    如何使导航栏出现在Rails应用程序的每个页面上?

  23. 23

    谷歌页面没有出现在我的电子应用程序中

  24. 24

    Angular JS Pop出现在应用程序的每个页面上

  25. 25

    我希望我的轮播仅在Rails应用程序中出现在索引页面中

  26. 26

    如何使主要内容出现在中间的背景前面?

  27. 27

    React-bootstrap,模态出现在屏幕中间

  28. 28

    如何使CSS中的文本出现在垂直中间

  29. 29

    H2 出现在 div 的中间

热门标签

归档