css - Facebook Like 社交插件大小问题

Question

我在我的网站上使用 Facebook Like 社交插件，每次加载页面时，插件都会拉伸(stretch)它所在的 div 的高度，直到插件加载完毕。

我确实定义了社交插件所在的 div 的高度，但即使高度保持不变，您仍然可以看到变化。我也在使用 Twitter 和 Google 以及社交插件 - 这使得转变更加明显，因为它们也发生了转变(在 h3 标题下转变)。

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

.socialBookmarks .social-wrap {显示:内联 block ；垂直对齐:中间；}

.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;}

还闪烁吗？