css实现图片居中

居中的方法也多得很，这里就不多提了，会加上一些链接可以参考居中的方法。

参考链接：

Flexbox完美解决CSS垂直居中

居中之美

这里只介绍一个图片居中的问题。

现在比较好的解决方式是使用flex来实现水平垂直居中，只需要容器flex，居中的元素设置margin:auto就可以了。

现在有一个问题，图片这样实现居中，在chrome下是没问题的但是在IE下图片的高度会被拉伸。

这样的话需要在容器上加 

align-items：center；

ok！问题解决