css - Facebook登录按钮位置

Question

我的页面中有一个 facebook 登录按钮。我输入了一个 div ：

<div id="signin">               
    <div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="1" registration-url="index.php?reg=1"></div>                
</div>

当用户已经登录 facebook 并在我的应用程序中注册时，此应用程序出现：

我有两个问题：

• 当页面加载时，登录按钮首先出现在我页面的一个极端角落。然后它回到正确的位置。

• 如果用户未注册/登录（第一个按钮），我希望它看起来低一点，这可能吗？

感谢您的帮助

Answer 1

signin尝试将DIV的 CSS 设置overflow: hidden为不显示任何未对齐的内容。这将修复出现在页面角落的登录按钮。

没有降低按钮的解决方案，但您可以尝试这种方法：

1. 设置data-show-faces="false"为隐藏面。
2. 用户登录后，使用人脸桩插件实现和登录按钮一样的效果。

上述步骤将让您正确配置每个元素，以便您可以使用 CSS 将登录按钮向下移动，同时保持与以前一样的面孔。