0

私は自分の Web サイトで Facebook Like ソーシャル プラグインを使用しています。ページが読み込まれるたびに、プラグインが読み込まれるまで、プラグインは div の高さを伸ばします。

ソーシャル プラグインが含まれる div の高さを定義しましたが、高さが同じままであっても、シフトを見ることができました。私は Twitter と Google プラス ソーシャル プラグインも使用しています。これにより、シフトも行われるため、シフトがより顕著になります (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 に答える