0

だから私は次のようなdivを持っています

<div id="socialMediaBarHomepage">
<div id="homepageNewsLink">
    <img src="" alt="" class="mr_10"/>
    <a href=""></a>
</div>
<div id="socialMediaHeaderBar" class="fl_right">
    <div id="headerMediaStayConnected" class="fl_left mr_5">
    A bit of Text
    </div>
    <div id="headerMediaIcons" class="fl_left">
    Image Image Image
    </div>
<div>

つまり、メインdivが1つ、サブdivが2つあります。

1つのフローティング左と1つのフローティング右。それは基本的に私のホームページのバーです。

左側にアイコンとニュースリンクを表示します

右側にラベルとソーシャルメディアのアイコンを表示します。

私がやろうとしているのは、このバーのすべての中央を垂直に揃えるだけですが、近づくことさえできません。これを行う方法についてのアイデアはありますか？

CSS

   #homepageNewsLink a, #homepageNewsLink img { float: left; }

#headerMediaIcons ul {マージン：0px;} #socialMediaBarHomepage {表示：テーブル; } #homepageNewsLink {display：table-cell; 垂直整列：中央; } #socialMediaHeaderBar {display：table-cell; 垂直整列：中央; }

4

1 に答える 1

0

vertical-align CSSプロパティは、TDタグにのみ適用されます。よく覚えている場合は、インラインオブジェクトの配置（画像など）もあります。親divの明示的な高さを設定し、サブdivのmargin-topとmargin-bottomで値autoを使用して使用することもできます。親divでdisplay：table-cellを使用して、vertical-alignに固執することもできます。

于 2012-12-21T16:31:48.247 に答える