line-height--行高,顾名思义是一行的高度,但仔细想想行高却不知道从哪里算起。

深入理解CSS之行高

  • 行高指的是文本行的基线间的距离。
  • 基线并不是汉字的下端沿,而是英文字母"x"的下端沿

行距、行高

深入理解CSS之行高

 

 

 

元素对行高的影响

  • 对于行内元素如em、strong、span和等,其padding、margin、border-top、border-bottom 不会增加行高。 padding会覆盖;margin将重置为0;border-top和border-bottom同样会覆盖。 padding-left、padding-right、border-left和border-right可用。

  • img元素会影响行高

  • 设置行内元素的padding、border和margin并不会撑大外层元素的高度,如下图: 深入理解CSS之行高

相关文章:

  • 2021-12-21
  • 2021-08-01
  • 2021-09-15
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-26
  • 2021-12-14
  • 2021-06-07
  • 2021-06-20
相关资源
相似解决方案