html 获取baseline,css中baseline是什么意思

css中baseline是什么意思

1、字母‘x’与baseline

字母x的下边缘(线)就是基线。不是字母s之类下面有尾巴的字母

2、baseline的确定规则

a)inline-table元素的baseline是它的table第一行的baseline。(相关课程推荐：css视频教程)

b)父元素【line box】的baseline是最后一个inline box 的baseline。

3、inline-block元素的baseline确定规则

规则1：inline-block元素，如果内部有line box，则inline-block元素的baseline就是最后一个作为内容存在的元素[inline box]的baseline，而这个元素的baseline的确定就要根据它自身来定了。

规则2：inline-block元素，如果其内部没有line box或它的overflow属性不是visible，那么baseline将是这个inline-block元素的底margin边界。

4、vertical-align基于baseline的不同取值

1、baseline

将子元素盒子的baseline与父盒子的baseline对齐。

本文来自css答疑栏目，欢迎学习！