-1

3 つのボタンと div 要素があります。それらをすべて上下に配置したい。ボタンを中央に配置できますが、 div を中央に配置できません。

ボタンは

a) Facebook共有ボタン

b) ツイッターのフォロー

c) ツイッターシェア

d ) Google+1 シェア

これらのボタンを実装するためのすべてのハードワークを行った後、それは奇妙に思えますが、はい、単純な表示で立ち往生しています:(

誰かが論理的に上下に並べるのを手伝ってくれませんか。

コード :

<div id ="outer" class="text-center">
    <img id = "share_button" src = "images/share_button.png" >
    <br/>
    <br/>
    <a href="https://twitter.com/IXXXXg" 
       class="twitter-follow-button" 
       data-show-count="false">Follow @IXXXg</a>
    <br/>
    <br/>
    <a href="https://twitter.com/intent/tweet?text=&amp;url=https://twitter.com/IXXXXXg" 
       class="twitter-share-button" 
       data-lang="en">Tweet</a>
    <br/>
    <br/>
    <div id="inner" class="g-plusone" 
         data-annotation="inline" data-width="300"></div>
    <br/>
    <br/>
    <a href="thanks.php">  
        <button class="btn btn-danger " type="button">Skip </button>
    </a>
</div>

次の CSS を試しましたが、機能しません。

#inner {
    width: 50%;
    margin: 0 auto;
}

div をボタンの下に正しく配置するための回避策はありますか? ここに画像の説明を入力

4

2 に答える 2

0

CSSから削除するだけwidth: 50%;で問題は解決します.CSSはこれを気に入るはずです

#inner 
{
    margin: 0 auto;
}

それがうまくいくことを願っています。

于 2013-05-09T11:38:26.243 に答える