行内块标签对齐问题解析

行内块标签对齐方式

对于行内元素和行内块元素，默认对齐方式是基线对齐，即vertical-align:baseline；

何为基线？

顶线：中文顶部；
中线：横穿英文字母X中间的线；
基线：英文字母X的底部；
底线：中文底部；

行内块标签的基线在哪？

对于包含了行内块元素的行内块元素，它的基线就是它所含的最后一个行内块元素的基线；反之，不含行行内块元素的情况下，它的基线是它的margin底部边缘

举个例子：img和span

img标签的基线是底部，span标签的基线是它内含文本的基线，两者基线间的间距为基线(baseline)到底线（bottom）的值