图片 表单 和 文字 对齐
图片和表单都属于行内块元素, 默认的 vertical-align 是 基线对齐
此时给图片表单这些 行内块元素的 vertical-align 属性设置为 middle 就可以让文字和图片垂直居中对齐
解决图片底部默认空白缝隙问题
bug: 图片底侧会有一个空白缝隙, 原因是行内块元素会和文字的基线对齐
主要解决方法有两种:
1. 给图片添加 vertical-align: middle/ top/ bottom 等 (提倡使用)
2. 把图片转换为块级元素 display: block