0

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

我确实定义了社交插件所在 div 的高度，但即使高度保持不变，您仍然可以看到这种变化。我也在使用 Twitter 和 Google plus 社交插件——这使得这种转变更加明显，因为它们也被转移了（在 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>

有人对如何解决这个问题有任何想法吗？:)

4

1 回答 1

0

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

尝试这个：

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

它仍然闪烁吗？

于 2013-04-18T08:27:07.317 回答