将Div与Sub Div内容垂直对齐居中

Question

所以我有一个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>

​

所以我有1个主div，2个子div。

1个向左浮动，1个向右浮动。这基本上是我的主页的一个栏。

在左边我显示了一个图标和一个新闻链接

在右边，我显示了一个标签和社交媒体图标。

我试图做的是简单地垂直对齐这个条中的所有东西，但甚至不能靠近。有没有什么办法来解决这个问题？

CSS

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

#headerMediaIcons ul {align: 0px;} #socialMediaBarHomepage { display: table；} #homepageNewsLink { display: table-cell；竖直对齐:中间；} #socialMediaHeaderBar { display: table-cell；竖直对齐:居中；}

Answer 1

垂直对齐CSS属性只适用于TD标签，如果我没记错的话，一些内联对象对齐(如图像)。您可以尝试的是设置父div的显式高度，并在子div上使用边距顶部和边距底部，通过值自动，您还可以在父div上使用display:table-cell，并坚持垂直对齐。