Question

我只是想做一个简单的测试并将facebook按钮居中。我最初的想法是我只需要将div标记居中。但是，我已经尝试了所有我能想到的文本对齐，使用css margin：auto，似乎没有任何工作。

如何将facebook登录按钮置于我的html页面中心？

编辑：添加了截图

Answer 1

这是最简单的例子：

#center {
  margin: 0 auto;
  text-align: center;
}

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div id="center">
      <div class="fb-login-button" data-max-rows="1" data-size="large" data-button-type="continue_with" data-show-faces="false" data-auto-logout-link="false" data-use-continue-as="false">Hello</div>
    </div>
  </body>
</html>

Answer 2

好的我有一个有效的答案。我最终用一个外部div来包裹内部div，这个div居中并且似乎有效。像

这样的东西

<div id="center">
    <div ...
</div>

当然，还要添加上面列出的相应CSS。

如何使Facebook登录按钮居中？

2 个答案: