p标签的align属性在html5中已彻底删除，现代浏览器（chrome 120+、firefox 128、safari 17+）直接忽略，仅quirks mode下偶有残留；必须用text-align css替代，且仅对块级容器内联内容生效。
这个写法现在完全无效。
现代浏览器（Chrome 120+、Firefox 128、Safari 17+）已彻底忽略p 标签的 align 属性，HTML5 标准里它根本不存在。你看到“生效”，大概率是 quirks mode 下的偶然残留，不是可靠行为。
为什么 p 的 align 属性不能用了
它在 HTML 4.01 就被标记为“不赞成使用”，XHTML 1.0 Strict 直接移除，HTML5 彻底删除定义。浏览器不是“还没来得及支持”，而是明确选择不实现——这不是兼容性问题，是标准淘汰。
-
element.align在 JavaScript 中读取始终返回空字符串或undefined，无法动态控制 - 它不参与 CSS cascade，
!important也覆盖不了 - 和 Flex/Grid 布局混用时，对齐行为不可预测，容易覆盖或被覆盖
text-align 是唯一靠谱的替代方案
所有主流浏览器完整支持 text-align，语义清晰、可继承、可响应式、可动画，且只作用于块级容器内的内联内容——这正是段落排版要的效果。
- 直接内联写法：
<p style="text-align: right">作者信息</p> - 推荐 CSS 类写法（复用性强）：
.text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } - 别对
<span></span>或<em></em>这类 inline 元素设text-align——它只对块级父容器起作用
text-align: justify 不生效？先检查这三个硬条件
这个值不是“写了就管用”，必须同时满足：
-
<p></p>是块级元素（默认就是，没问题） - 容器有明确宽度：比如设置了
width、max-width，或父容器是定宽 flex item - 文本足够长、能自然换行：单行文本永远 fallback 到
left，<p style="text-align: justify">你好</p>肯定没变化
中文段落加 justify 还要额外注意：text-justify: inter-character 才能真正拉开字距，但仅 Chromium 系列（Chrome/Edge 120+）支持；Firefox 忽略，Safari 完全不支持。末行想撑满？加 text-align-last: justify，Safari 16.4+ 才开始支持。
别把 text-align 当成“让 p 自己居中”的工具
它控制的是段落内部文字的水平对齐，不是 p 元素自身在页面中的位置。想让整个段落块水平居中？得靠 margin: 0 auto、Flex 布局或 Grid。混淆这两层，会反复踩坑——比如给 p 加了 text-align: center 却发现它还是贴左，其实是父容器没设宽度或没触发块级居中逻辑。
