如何调整CSS中的行间距？

到目前为止的文本仍然是 万维网 广阔空间传输信息的主要类型 。 因此，其外观的管理受到特别关注。 文本的一个重要特征是线间距，它决定了线之间的距离。 如果你从来没有遇到这个规则，你可能从来没有使用过CSS。 毕竟，这种风格语言提供了可用于更改文本的所有重要外部特征的命令。 所有现代浏览器均支持此规则，并包含在所有版本的级联样式表（CSS：级联样式表）的标准中。

规则

在CSS中，使用简单的line-height命令设置行间距。 录音是以通常的方式进行的。 您可以将任何非负数作为值分配。 如果指定了“line-height：-4px;”，则该命令将被忽略。 您可以指定一个值“normal”或“inherit”。 第一个将使用自动间隔设置，这取决于所选字体的类型和大小。 在这种情况下，线之间的距离由浏览器本身设置。 行间距可以使用“inherit”值从“父”标签继承的值。

值

除了标准命令之外的所有值可以分为两类：相对和绝对。 线间距CSS允许您灵活地管理线之间的距离，使用不同和更方便的定制方法。 绝对值包括CSS中使用的已知长度单位。 此列表包括：in（inches），pt（points），px（pixels）等。 间隔从字体的基线计算。 如果写下规则：“line-height：10px;”，则行间距将始终为10像素。 当您需要指定特定字体的确切时间间隔时，此方法非常理想。 但不要忘记，每个人都有不同的屏幕扩展。 如果你有这样的距离看起来很棒，那并不意味着每个人都会有同样的效果。 例如，在移动设备上，大的行距会导致巨大的不便。

相对值

要解决不同屏幕扩展的问题，可以使用 相对值。 百分比表达式最常用。 在这种情况下，值相对于字体高度设置。 例如，指定“line-height：150％;”，我们得到一个中间字母的一半的间隔。 对于100％，假定使用字体的高度。 经验丰富的开发人员建议使用相对值 因此，您可以将自己和用户保存在与各种屏幕扩展相关的问题中。

结论

如果您使用非标准字体集，并且您对严格定义的行间距感兴趣，请选择绝对值。 在所有其他情况下，最好设置百分比属性。 当您需要为文档的特定部分设置单独的间隔时，请使用id标签或选择器。 因此，您不需要为整个文档设置行距。