今天遇到一个比较有意思的情况，小小记录一下。
在从antDesign@2升级到antDesign@4之后，原本在盒子里面待的好好的图片，竟然脱离盒子范围，这种情况令我百思不得其解，还是熟悉的代码，熟悉的页面，可就是不知道是哪的问题！终于，发现了这个font-size！锤他
给元素body设置font-szie：100px；相当于让img在 100px+56px的垂直线上垂直居中，所以，自然脱离了高为56px的盒子了。
下图为脱离盒子的情况：
下图为实际居中的盒子高度
下图为改变fon-size值对图片在类为box盒子的居中情况（比较有意思，可以自己试试）
打开开发者工具我们可以看到，antDesign@2在body上给了一些默认样式，而antDesign@4却没有，所以升级版本后有些小小样式问题，只需要在body上加上原来的css默认样式就好啦！
最后：解决图片垂直居中问题还有其他方法，但找出问题也让人挺有成就的哈哈
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
