html5已废弃align属性，现代浏览器在标准模式下直接忽略；正确对齐应使用css text-align（作用于块级容器内联内容）或flex/grid布局。
标签的align属性在现代项目中完全不可用，HTML5 已删除该属性定义，Chrome 120+、Firefox 128、Safari 17+ 均直接忽略，仅 quirks mode 下可能偶然渲染——这不是兼容性，是浏览器没来得及清理的历史残留。
为什么p align="center"在本地看着有效，上线就失效
常见错误现象：开发时用p align="right"写作者信息，本地 Chrome 看着右对齐；部署后在 Safari 或 CI 构建环境里变成左对齐；Lighthouse 扫描报“使用废弃 HTML 属性”。
- 原因不是浏览器版本低，而是页面触发了 standards mode（默认），
align属性在此模式下被规范要求忽略 - 本地偶尔“生效”，往往是因为文件没加
，浏览器退化进 quirks mode，属于未定义行为 -
element.align在 JS 中读取始终返回空字符串或undefined，无法动态控制 - 它不参与 CSS cascade，
!important无效，也无法被 CSS 变量或媒体查询覆盖
text-align必须作用于块级容器才起作用
text-align只影响块级元素内部的内联内容（文字、span、img等）的水平对齐，不是“让p自己居中”，而是“让p里的文字居中”。
- 正确写法：
<p style="text-align: center">居中段落</p> - 错误写法：
<span style="text-align: center">这不会居中</span>（span是 inline 元素，text-align对它自身无意义） - 想让整个
p在父容器中居中？得用margin: 0 auto（需设width）或 Flex/Grid 布局，和text-align无关
text-align: justify不生效的三个硬性条件
不是代码写错，是前提没满足。这个值要真正拉伸行宽，必须同时成立：
-
<p></p>是块级元素（默认就是） - 容器有明确宽度：比如设置了
width、max-width，或父容器是定宽 flex item - 文本足够长、能自然换行：单行短文本（如
<p style="text-align: justify">你好</p>）永远 fallback 到left
中文两端对齐还要额外加text-justify: inter-character（仅 Chromium 系列支持）；末行也想拉齐？补上text-align-last: justify，但 Safari 16.4+ 才开始支持。
CSS 类写法比style更可靠且可维护
直接写style容易散落各处、难以统一调整，尤其当多个段落需要相同对齐逻辑时。
- 推荐定义类：
.text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } - 然后在 HTML 中复用：
<p class="text-center">标题段落</p> - 响应式场景下还能配合媒体查询：
@media (max-width: 768px) { .text-center { text-align: left; } }
真正容易被忽略的是：text-align 的继承性——它会向下透传给所有内联子元素，但不会影响浮动、绝对定位或 flex item 的主轴对齐，混用时务必确认布局上下文。
