Question

我在我的网站上使用Facebook Like社交插件，每次页面加载时，插件都会延伸div的高度，直到插件加载为止。

我确实定义了社交插件所在的div的高度，但即使高度保持不变，你仍然可以看到转变。我也在使用Twitter和谷歌以及社交插件 - 这使得转变更加明显，因为它们也被转移（在h3标题下移位）。

.socialBookmarks {margin：30px 0; padding：5px 15px; overflow：hidden;}

.socialBookmarks .social-wrap {display：inline-block; vertical-align：middle;}

.social-wrap .ezimageBox {float：left}

<div class="socialBookmarks">

   <h3 class="inline-block">Share:</h3>

      <div class="social-wrap clearfix">

         <div class="ezimageBox">
         (loads twitter social plugin)
         </div>

        <div class="ezimageBox">
        (loads google plus social plugin
        </div>

        <div class="ezimageBox">
        (loads facebook social plugin)      
        </div>

      </div>
</div>

任何人对如何解决这个问题都有任何想法？：）

Answer 1

设置包装<div>的宽度和高度（在您的情况下，.ezimageBox）通常对我有用。

试试这个：

.social-wrap .ezimageBox {float:left, width:100px, height: 20px; overflow:hidden;}

它仍然闪烁吗？

Facebook喜欢社交插件大小调整问题

1 个答案: