垂直居中对齐:
1.只能用于inline-block,inline
2.vertical-aligh：baseline|top|middle|end
一个bugs: 如何让图片下面的白边消失
分析:
下面多的这一条是由于img为inline-block元素所以默认按照盒子内容的基线对齐
解决方法1.设置img vertical-align: top/middle/bottom 按照非基线对齐
解决方法2.改变img的显示模式display: block；vertical-align属性就不生效