HTML段落标签<p>本身不决定排版方向，真正控制文字水平对齐的是CSS text-align属性；它支持left、right、center、justify四种值，替代已废弃的align属性，且需配合块级容器、明确宽度等条件生效。
HTML段落标签 `
` 本身不决定排版方向，它只是语义化的块级容器；真正控制文字水平对齐的，是作用于 `
` 的 **CSS `text-align` 属性**，而不是过时的 `align` 属性（如 `
`）。
用 text-align 控制段落内文字的水平对齐
这是最常用、最推荐的方式。`text-align` 是 CSS 属性，适用于所有块级元素（包括 `
`、`
`、`` 等），用来设置其内部行内内容（文字、图片、`` 等）在容器内的水平对齐方式：
` 等），用来设置其内部行内内容（文字、图片、`` 等）在容器内的水平对齐方式：
-
left：默认值，文字靠左对齐（适合常规正文）
-
right：靠右对齐（常用于数字、签名、日期等）
-
center：居中对齐（适合标题、标语、提示语）
-
justify：两端对齐（每行除最后一行外，左右边缘都贴齐，适合正式出版类排版）
避免使用已废弃的 align 属性
早期 HTML 允许直接写 `
`，但该属性在 HTML5 中已被**完全废除**，不再具有标准支持，现代浏览器虽可能兼容，但会导致验证失败、可访问性下降，且无法与 CSS 优先级机制协同工作。应统一改用 CSS 方式：
- 行内样式：
<p style="text-align: center;">居中段落</p>
- 类选择器（更推荐）：
<p class="intro">简介段落</p>，再配合 CSS：.intro { text-align: justify; }
对齐方向 ≠ 文本书写方向
`text-align` 只管“怎么站”，不管“朝哪写”。若需竖排（如中文古籍风格），必须配合 `writing-mode`：
立即学习“前端免费学习笔记（深入）”；
-
writing-mode: vertical-rl; → 文字从上到下、从右到左排列（传统中文竖排）
- 此时
text-align: center; 的“center”是指垂直方向的居中（即文字列居中显示）
- 还需搭配
text-orientation: mixed; 让数字和拉丁字母自动旋转，提升可读性
注意对齐生效的前提
确保 `text-align` 起作用，需满足几个实际条件：
- 目标元素必须是**块级容器**（`
` 默认就是，没问题）
- 容器要有明确的宽度（比如父容器未设宽，而 `
` 带 `width: 100%` 或受 viewport 限制），否则“居中”或“两端对齐”无参照基准
- 不要和 `float`、`position: absolute` 等脱离文档流的布局混用，否则可能失效
- 若段落内嵌套了 `display: inline-block` 或 `flex` 子元素，`text-align` 仍会影响它们的水平位置（作为行内级元素处理）
<p style="text-align: center;">居中段落</p>
<p class="intro">简介段落</p>，再配合 CSS：.intro { text-align: justify; }
writing-mode: vertical-rl; → 文字从上到下、从右到左排列（传统中文竖排）text-align: center; 的“center”是指垂直方向的居中（即文字列居中显示）text-orientation: mixed; 让数字和拉丁字母自动旋转，提升可读性` 默认就是，没问题）
` 带 `width: 100%` 或受 viewport 限制），否则“居中”或“两端对齐”无参照基准
