div和img垂直居中的方法

div垂直居中可以使用height和line-height，多个div的话就不适用了.

可以使用下面的方式垂直居中

<div class="parent">
    <div class="child">内容</div>
</div>

.parent {
display: table;
}

.child {
display: table-cell;
vertical-align: middle;
}

img的垂直居中在img外的div设置 margin: 0 auto就可以了