Css 将Div与子Div内容垂直对齐居中

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

#校长{margin:0px；} #socialMediaBarHomepage{display:table；} #homepageNewsLink{display:table cell；垂直对齐：middle；}

---

#socialMediaHeaderBar{display:table cell；vertical align:middle；}

vertical align CSS属性仅适用于TD标记，如果我清楚地记得一些内联对象对齐（如图像）。 您可以尝试设置父div的显式高度，并使用值auto在子div的边距顶部和边距底部上使用

---

您也可以在父div上使用display:table单元格并坚持垂直对齐。

尝试过，但没有成功#socialMediaBarHomepage{height:30px；}#homepageNewsLink{margin top:auto；margin bottom:auto；}#socialMediaHeaderBar{margin top:auto；margin bottom:auto；}子div完全不移动尝试在div上设置position:relative，或者更好地避免浮动，并使用position:absolute或display:inline块。给你。

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