让图片在div中垂直居中对齐的方法

图片在div中默认是和基线对齐(从上到下依次是顶线(top),中线(middle),基线(baseline),底线(bottom))
方法:
给div设定text-align:center;可使图片水平居中,再给图片img设定 vertical-align:middle;即可达到垂直居中(切记,是给图片加,不是div,很多人容易搞错
还有一个方法,就是用table布局,td默认是水平方向居左的,但是垂直方向是居中的,所以你套一个table后再插入图片的话,也能很好的达到垂直居中

    原文作者:weixin_40551017
    原文地址: https://blog.csdn.net/weixin_40551017/article/details/104547755
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞