深入理解css中的line-height

基本概念 顶线、中线、基线、底线 基线（baseline），指的是一行字横排时下沿的基础线，基线并不是汉字的下端沿，而是英文字母x的下端沿 行高、行距 行高(line-height) 行高是指上下文本行的基线间的垂直距离，即图中两条红线间垂直距离。 行距(行高-字体size) 行距是指一行底线到下一行顶线的垂直距离 行内框盒子模型包含的四种盒子 内容区域（content area)是一种围绕文字看

>>阅读原文<<