图片表单域文字垂直居中对齐、解决图片底部默认空白缝隙问题

图片 表单 和 文字 对齐

图片和表单都属于行内块元素， 默认的 vertical-align 是 基线对齐

此时给图片表单这些 行内块元素的 vertical-align 属性设置为 middle 就可以让文字和图片垂直居中对齐

解决图片底部默认空白缝隙问题

bug： 图片底侧会有一个空白缝隙， 原因是行内块元素会和文字的基线对齐

主要解决方法有两种：

1. 给图片添加 vertical-align： middle/ top/ bottom 等 （提倡使用）

2. 把图片转换为块级元素 display： block