div和img垂直居中的方法

时间：2021-06-04 14:31:20 收藏：0 阅读：27

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就可以了

原文：https://www.cnblogs.com/heyiping/p/14848965.html