行内块和文字垂直对齐vertical-agign

 

vertical-align 垂直对齐  （对于块级元素无效，主要用来控制表单或者图片与文字对齐的）
 图片和文字默认是基线对齐
属性： baseline 基线
  top  顶线
  middle 中线
  bottom 底线

 vertical-align 另一个作用 去除文字底侧空白缝隙
 有一个特性：图片或者表单等行内块元素，他的底线和父级盒子的基线对齐，装图片底层会有一个空白缝隙
 解决方法1：display: block;
 解决方法2： vertical-align: top 

 

来源：https://www.cnblogs.com/guniang/p/11935738.html