CSS模板：`line-height: 1.8;`

📝 使用用途

本模板适用于需要加大行间距的场景，例如长文本或希望提升可读性的内容排版。

📘 解说

通过设置 line-height: 1.8;，可以使每行文字的高度为字体大小的 1.8 倍，从而增加行与行之间的距离，提升整体的可读性。

✅ 示例

这段文字的行距被增加了。
更易于阅读，更整洁清晰。
非常适合长段文字内容。

📋 可复制代码

🔹 仅使用 CSS 部分

<style>
  .line-space-text {
    line-height: 1.8;
  }
</style>

<p class="line-space-text">
  这段文字的行距被增加了<br>
  更易于阅读，更整洁清晰<br>
  非常适合长段文字内容
</p>

🔸 作为完整 HTML 文件使用

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>line-height 1.8 示例</title>
  <style>
    .line-space-text {
      line-height: 1.8;
    }
  </style>
</head>
<body>
  <p class="line-space-text">
    这段文字的行距被增加了<br>
    更易于阅读，更整洁清晰<br>
    非常适合长段文字内容
  </p>
</body>
</html>

已复制！

📖 行距调整的实用技巧

line-height 属性是决定文本可读性的重要因素。适当的行距设置可以提高用户的阅读速度和理解力。

📊 如何选择最佳的行距值

一般来说，日文文本的最佳行距值在 1.6 到 1.8 之间。例如，正文适合使用 1.8，标题则可使用 1.4。在移动端显示时，将行距调整到约 2.0，有助于小屏幕上的阅读。

✨ 高级技巧

可以用 rem 单位代替无单位相对值（如 1.8），以保持字体大小变化时的平衡。此外，使用 calc() 函数，如 line-height: calc(1em + 0.8rem)，可以精准控制基线间距。

⚠️ 注意事项与最佳实践

行距过大（超过 2.5）可能反而降低可读性。多行链接文本时，要注意不要使点击区域过大。响应式设计中，应使用媒体查询根据屏幕宽度设置合适的行距。

为了保持设计一致性，建议全站统一应用行距设置。但对于诗歌或引用等特殊内容，故意使用不同的行距设置也是有效的做法。

CSS模板：line-height: 1.8;