在网页设计中，用 CSS 设置文本行高是一项至关重要的技能，它能够极大地提升文本的可读性与整体页面的美观度。

行高，简单来说，就是文本行与行之间的垂直距离。合理设置行高可以避免文本过于紧凑或松散，让用户阅读起来更加舒适。在 CSS 中，设置行高主要通过 line-height 属性来实现。

最常见的设置方式是使用具体的数值。比如，我们可以将行高设置为固定的像素值，像 line-height: 20px; 这样就能确保每行文本之间有 20 像素的间距。这种方式适用于对行高有精确要求的场景，例如标题部分，能够让标题看起来更加整齐规范。

除了像素值，还可以使用倍数来设置行高。例如，line-height: 1.5; 这里的 1.5 倍是相对于字体大小而言的。如果字体大小是 16px，那么行高就是 16px × 1.5 = 24px。使用倍数设置行高的好处在于它具有更好的灵活性和可扩展性。当字体大小发生变化时，行高会根据倍数自动调整，保持文本布局的相对稳定性。

百分数也是设置行高的一种有效方法。比如 line-height: 150%; 它和使用倍数 1.5 的效果是一样的，同样是基于字体大小来计算行高。这种方式在一些需要与其他元素进行比例协调的场景中非常实用。

另外，在实际应用中，还需要考虑不同浏览器的兼容性问题。虽然大多数现代浏览器对 line-height 属性的支持都比较良好，但在一些旧版本浏览器中可能会出现显示差异。为了确保在各种浏览器上都能呈现一致的效果，可以采用一些 CSS 前缀或者进行浏览器特定的样式调整。

用 CSS 设置文本行高看似简单，实则蕴含着诸多技巧和细节。通过合理选择行高的设置方式，并充分考虑兼容性问题，能够打造出更加专业、美观且易于阅读的网页文本布局。无论是新手还是有经验的开发者，都应该熟练掌握这一基础技能，为用户带来更好的浏览体验。