div相对与table对于图片的图片如何垂直居中中支持的并不好,特别对于不同浏览器的兼容性来说,这里我们看下一个简洁的css解决方法:

在曾经的 淘宝UED 招聘 中有这样一道题目：

“使用纯CSS實现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和图片如何垂直居中中”

当然出题并不是随意，而是有其现实的原因图片如哬垂直居中中是 淘宝 工作中最常遇到的一个问题，很有代表性

提示：您可以先修改部分代码再运行