css - 图片没有居中对齐

Question

我的图片位于顶部。代码使用:

#header_div{
min-height:200px;
}

#header_div img{
display:block;
vertical-align:middle;
padding:5px 10px;
}

<div id="header_div">
    <a href="#">
        <img width="250" height="75" src="./images/header_logo.png" />
    </a>
</div>

附带说明一下，我应该用 /> 关闭图像标签吗？

Answer 1

#header_div
{ 
min-height:200px; 
display: table-cell;
vertical-align:middle;
} 

您将不再需要 vertical-align:middle;或显示:阻止；在 img 样式上，您可能也可以删除顶部/底部填充。