flex方法
首先给图片添加一个div,设置其宽高及基本属性,其次把div中的display元素设置成flex,最后给img添加align-items:center属性,代码如下:
Document
![]()
看下效果
![71318d414b6db70cf54032972ac6f1b4.png](https://i-blog.csdnimg.cn/blog_migrate/426434d07a09845534b5cd526b11abb5.jpeg)
display方法
首先创建一个div,以及对有图片的div设置样式,给img的父级添加一个diaplay,并且属性为table,并且把包含图片的div中的display属性设置成table-cell,最后给有图片的div设置成vertical-align: middle; 属性,代码如下:
Document
![]()
效果图:
![9547000c6ea1a1ebfc2a85ab45724e25.png](https://i-blog.csdnimg.cn/blog_migrate/5eb664daaf73c12904e6d34f06869208.jpeg)