                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之vertical-align

关于基线的问题

我想问一下，是不是现在视频所示的第二个span元素的基线是文本content area中线的位置了？

10:22

SakrA_T

2016-10-29

源自：CSS深入理解之vertical-align 3-2

关注问题我要回答

1770

操作

收起

3 回答

鸡肋2016 回答被采纳 +3 积分
2016-11-26

基线没变的，还是原来的基线对齐，只是第二个span的框往下掉了半个文本高度，两个span框的相对位置变了。

0 回复有任何疑惑可以回复我~

收起回答

SakrA_T 提问者

非常感谢！

2016-12-02 回复有任何疑惑可以回复我~

慕神6115920
2017-09-26

http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/comment-page-1/

是视频作者的博客。

有一句话“

由于文字字符上移了，自然基线位置(字母x的底边缘)也往上移动了，于是，两个框框的垂直落差就更大了。”

基线位置上移动了？？？？到底移动没啊？？？

0 回复有任何疑惑可以回复我~

收起回答

赤兜

出于基线对齐，两个元素的基线是在同一水平线上的，但是行高为0时，元素的上边框会在字符的中线，行高正常的元素上边框是在字符上边界，两个元素又一样高，所以行高为0的元素会往下一些，行高正常的元素会往上一些

2020-02-07 回复有任何疑惑可以回复我~

detanx4045251
2016-11-01

对的，行高为0，文字的中线与第一个span的基线对齐

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

CSS深入理解之vertical-align

参与学习 39340 人
解答问题 57 个

深入理解vertical-align的属性值，分享开发中应用经验

进入课程

本课相似问答

1 回答什么是父元素的基线

2 回答行高会改变基线的位置？

1 回答关于居中时参照的x大小写问题

1 回答多行上下居中的问题

1 回答button的line-height影响对齐的问题，谁能给解释一下？

搜索更多本课相关问答

关于基线的问题

我要回答关注问题

热搜

最近搜索清空

关于基线的问题

3 回答

本课相似问答

关于基线的问题