1.用于设置一个元素的垂直对齐方式,常用于图片或表单(行内块)和文字垂直对齐。
2.只对行内元素或行内块元素有效。
3.默认对齐方式为vertical-align:baseline,表示元素放置在父元素的基线上。
- top:元素顶端与行中最高元素的顶端对齐
- bottom:元素底部与最高元素底部对齐
- middle:把此元素放置在父元素的中部
4.对齐都是依据最高元素来的(只是猜测)
基线也会根据对齐方式变化(猜测)
5.设置图片和文字一行时,图片下可能会出现空隙。
因为图片相当于inline元素,和文字对齐时是基线对齐,基线和底部会有距离,所以就会产生空隙。
解决方法:设置vertical-align:bottom;或者将图片display:block;图片变成块级元素,不遵守inline的基线对齐原则,也就不会产生空隙。