跳转到内容

使用 Line-Height 垂直居中图片

使 line-height 可以实现图片的垂直居中,只需要在包含图片的父元素上设置 line-height 然后为图片设置 vertical-align: middle。

HTML

html
<div id="parent">
    <img src="image.png" alt="" />
</div>

CSS

css
#parent { 
    line-height: 200px;
}

#parent img {
    vertical-align: middle;
}