css中行高line-height小知识

在学html中，有次在做布局时，使用行高时，自己不明白line-height到底是哪段距离，在没查资料时，我还以为是word里的行距呢？因为我经常使用word里的行距做排版。当我上网查资料时，才明白行高和行距不是一段距离。原来行高指的是文本基线之间的垂直距离。理解这句话的意思，还得了解几个知识：顶线，中线，基线，底线之间的关系。我们可以用学英语时用的英语本子来理解，上面有四条横杠，从上到下依次是顶线，中线，基线和底线。

行高就是指上下两个文本行基线间的垂直距离。行距指就是从一行文字的底部到另一行文字底部的间距，即底线到底线间的距离。