前端

css实现图片居中

2017-11-15  本文已影响62人  avery1

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

参考链接:

Flexbox完美解决CSS垂直居中

居中之美

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

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

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

这样的话需要在容器上加 

align-items:center;

ok!问题解决

上一篇下一篇

猜你喜欢

热点阅读