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

 

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

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

 

posted @ 2019-11-26 15:17  ivy_wang  阅读(524)  评论(0编辑  收藏  举报