CSS中行高如何调整以达到最佳阅读体验？

本文共计1084个文字，预计阅读时间需要5分钟。

行高是包含内容区域与以内容区域为基础的扩展区域的空白区域；在一般情况下，也可认为是相邻文本行基准线之间的垂直距离。在CSS中，可以使用line-height属性设置行高；该属性设置行间的距离。

行高是包括内容区与以内容区为基础对称拓展的空白区域；一般情况下，也可以认为是相邻文本行基线间的垂直距离。在css中可以使用line-height属性设置行高；该属性设置行间的距离（行高），不允许使用负值。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

1. 基线、底线、顶线

• 行高是包括内容区与以内容区为基础对称拓展的空白区域；一般情况下，也可以认为是相邻文本行基线间的垂直距离。
• 基线并不是汉字的下端沿，而是英文字母"x"的下端沿

2. 行距、行高

3. 内容区

• 底线和顶线包裹的区域，实际中不一定看得到，但却是存在。