margin: 0 auto 对 <a> 标签无效，因其默认为 display: inline，而该属性仅对块级或弹性/网格子项生效；须显式设 display: block 或 inline-block（后者需父容器 text-align: center），且排除父容器 flex/grid、浮动、塌陷等干扰。
超链接本身不是块级元素，margin: 0 auto 直接失效
给 <a> 标签写 margin: 0 auto 永远不会居中，因为它默认是 display: inline。浏览器对行内元素的 margin 左右值不分配空间，只留空隙，但不触发居中逻辑。
必须先让它变成块级或弹性容器子项：
- 加
display: block或display: inline-block（后者需配合text-align: center父容器） - 或者把
<a>包进<div style="text-align: center">—— 注意：text-align是父容器属性，不是链接自己的 - 若用 Flex 布局，确保父容器有
display: flex和justify-content: center，且<a>没被设float或position: absolute
align="center" 在 <a> 上完全无效，HTML5 已移除
写 <a align="center" href="#">链接</a> 不起作用，这不是兼容性问题，而是该属性在 HTML5 中已被标准废弃。浏览器可能忽略、报错，或行为不可预测。
常见误判来源：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
- 复制了旧教程或 CMS 导出的 HTML，里面混着过时写法
- 误以为
align是通用居中属性，其实它只曾在<img>、<table>等少数标签上短暂支持过 - 检查 Elements 面板时看到该属性“存在”，但 Computed Styles 里根本没生效 —— 说明已被浏览器静默丢弃
父容器干扰比想象中更隐蔽
即使你给 <a> 正确设了 display: block 和 margin: 0 auto，仍可能靠左，原因往往在包裹它的外层：
- 父
<div>被插件或主题加了display: flex，直接接管子项布局，margin: auto被忽略 - 父容器用了
float: left或position: absolute，导致它自身宽度塌陷（computed width = 0），margin: 0 auto失去计算基准 - 父容器是
<p>或<span>这类默认 inline 元素，无法承载块级子项的自动 margin - WordPress 古腾堡编辑器里裸写链接，常被包裹进
<div class="wp-block-button">，而该 class 默认设了text-align: left，覆盖你的居中意图
快速定位冲突的三处关键 Computed 值
别猜样式来源，打开开发者工具，直接看 Computed Styles 面板盯这三项：
- 目标
<a>的display值：是不是inline？如果是，margin: 0 auto白写 - 目标
<a>的margin-left和margin-right：是否显示为auto？若显示为0px，说明被更高权重要求覆盖或上下文不满足 - 父容器的
display和width：是不是flex或grid？widthcomputed 后是不是0px或auto？前者说明塌陷，后者说明没可分配空间
真正容易被忽略的是：居中失败常常不是因为你没写对，而是父容器在你不知情时被第三方 CSS 改写了 display 或 width，且这种修改往往藏在 minified 的主题 CSS 里，靠肉眼找不到。
