文本对齐与行高

良好的文本排版有助于提升网页的可读性。CSS 提供的 text-align 和 line-height 属性可以分别控制文字的水平对齐方式和行间距。

1. 文本对齐（text-align）

设置块级元素中的文字对齐方式：

p {
  text-align: center;
}

常见取值：

• left：左对齐（默认）
• right：右对齐
• center：居中对齐
• justify：两端对齐（常用于段落）

2. 行高（line-height）

行高用于设置文字行与行之间的垂直间距：

p {
  line-height: 1.6;
}

• 可以使用单位（如 24px、1.5em）；
• 也可以使用无单位值（如 1.6，推荐用于继承性更好的布局）。

示例：居中文本 + 合理行高

示例无法以 iframe 加载（请检查路径或将 demo 放到 public/）。

效果演示：

示例无法以 iframe 加载（请检查路径或将 demo 放到 public/）。

合适的对齐方式和行高能有效提升阅读体验，是网页文字排版中的重要技巧。