关于基线的问题

来源:3-2 . vertical-align与line-height

SakrA_T

2016-10-29 17:54

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

写回答 关注

3回答

  • 鸡肋2016
    2016-11-26 23:39:05
    已采纳

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

    SakrA_...

    非常感谢!

    2016-12-02 21:22:48

    共 1 条回复 >

  • 慕神6115920
    2017-09-26 14:32:35

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

    是视频作者的博客。

    有一句话“

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

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

    赤兜

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

    2020-02-07 01:53:23

    共 1 条回复 >

  • detanx4045251
    2016-11-01 16:42:15

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

CSS深入理解之vertical-align

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

39337 学习 · 57 问题

查看课程

相似问题