对齐垂直

vertical-align 垂直对齐
只针对行内元素或者行内块元素，特别是行内块元素，通常用来控制图片/表单与文字的对齐。
基线对齐：vertical-align:baseline;（默认）
底线对齐：vertical-align:bottom;
垂直居中：vertical-align:middle;
顶部对齐：vertical-align:top;
vertical-align还有一个解决bug的能力：父盒子由图片撑开，图片下面会多出缝隙；是因为图片和文字默认是基线对齐，所以会留出基线以下的位置。
解决方法（两种）：
1.给图片img设置vertical-align:middle | top |bottom;都可以，只要不是基线对齐。
2.给img添加display:block; 转换为块级元素就不会存在问题了。