CSS图片水平垂直居中的三种方法

1.设置行高
2.使用定位和translate
3.使用弹性盒子

1.设置行高
我们知道img元素为行内快元素，所以首先设置图片元素的父元素里文字水平居中，行高与整体高度一致。
其次最重要的是设置图片元素的vertical-align属性为middle，该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐方式。
代码示例：