CSS 中通过 line-height 属性调整行距。有两种设置方式：绝对单位（如像素）和相对单位（如 1.2）。绝对单位用于精确控制，而相对单位提供灵活性，适应字体大小和缩放。
CSS 行距调整
如何调整 CSS 中的行距？
要调整 CSS 中的行距，可以使用 line-height 属性。
详细说明：
立即学习“前端免费学习笔记（深入）”；
line-height 属性指定文本行的高度（包括上边距和下边距）。有两种设置 line-height 的方法：
-
绝对单位（像素、厘米等）：例如，
line-height: 20px;将设置行高为 20 像素。 -
相对单位（无单位）：例如，
line-height: 1.2;将设置行高为正常行高的 1.2 倍。
选择合适的单位：
- 绝对单位：对于精确控制行距非常有用，尤其是在布局需要精确定位时。
- 相对单位：提供了更大的灵活性，可以适应不同字体大小和浏览器缩放。
示例：
将行距设置为 1.5 倍正常行高：
<code class="css">p {
line-height: 1.5;
}</code>将行距设置为 20 像素：
<code class="css">p {
line-height: 20px;
}</code>提示：
-
line-height还影响文本的垂直居中。 - 可以通过使用负值来减少行距，但通常不建议这样做。
- 可以在 HTML 元素或 CSS 样式中设置
line-height。
