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>

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

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

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

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

我想要做的只是垂直对齐该栏中的所有内容，但甚至无法靠近。关于如何完成这项工作的任何想法？

CSS

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

#headerMediaIcons ul { 边距：0px;} #socialMediaBarHomepage { 显示：表格；} #homepageNewsLink { 显示：表格单元；垂直对齐：中间；} #socialMediaHeaderBar { 显示：表格单元格；垂直对齐：中间；}

4

1 回答 1

0

垂直对齐 CSS 属性仅适用于 TD 标签，如果我记得很清楚的话，一些内联对象对齐（如图像）。您可以尝试设置父 div 的显式高度并在子 div 上使用 margin-top 和 margin-bottom 值 auto 您也可以在父 div 上使用 display:table-cell 并坚持垂直对齐。

于 2012-12-21T16:31:48.247 回答