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和我的應用程序registred這apppears：

我有2個問題：

• 當頁面加載時登錄按鈕首先出現在我的頁面的一個極端角落。然後它回到正確的位置。

• 如果用戶沒有註冊/登錄（第一個按鈕）我希望它看起來有點低，這有可能嗎？

謝謝您的幫助

Answer 1

嘗試將CS​​S爲signin DIV是overflow: hidden使任何未對齊的內容不會顯示。這將修復出現在頁面角落的登錄按鈕。

沒有降低按鍵的解決方案，但你可以試試這個方法來代替：

1. 設置data-show-faces="false"隱藏的面孔。
2. 用戶登錄後，使用面孔插件實現與登錄按鈕相同的效果。

以上步驟可讓您正確配置每個元素，以便您可以使用CSS來移動登錄按鈕，同時保留面部。