深入理解CSS之行高

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

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

行距、行高

 

 

 

元素对行高的影响

• 对于行内元素如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并不会撑大外层元素的高度，如下图：