# 文本对齐与行高

URL: https://caijiao.org/css/03-text-font/03-line-height
Source: docs/css/03-text-font/03-line-height.md
Description: 文本对齐控制内容的水平位置，行高用于调整行间距，两者配合可提升排版的美观性与可读性。

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

## 1. 文本对齐（text-align）

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

```css
p {
  text-align: center;
}
```

常见取值：

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

## 2. 行高（line-height）

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

```css
p {
  line-height: 1.6;
}
```

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

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

[在线代码演示](/css/demos/1.html)

## 效果演示：

[在线代码演示](/css/demos/2.html)

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