垂直居中不知道尺寸的图像

Question

我在网络开发事业中集中了许多东西,但我想知道是否有一种简单的方法可以在不知道图像尺寸的情况下垂直居中.想象一下我从数据库中获得的缩略图列表.我不希望每个项目都坚持父div的顶部.

<div id="wrapper">
    <div id="parent">
        <img src="path/i/got/from/database/image.png" />
    </div>
</div>

Answer 1

您可以在父级上使用此CSS:

#parent {
    display:table-cell;
    vertical-align:middle;
}

请注意,这将使父元素的行为类似于内联元素.

例子.