a标签居中不生效是因为其为行内元素，需父容器设text-align:center且a未破坏行内流；推荐用footer{display:flex;justify-content:center}实现可靠居中。

页脚中 a 标签居中不生效的常见原因

直接给 <a></a> 加 text-align: center 没反应，是因为 a 默认是行内元素（inline），text-align 只对块级容器起作用。你得让它的父容器（比如 <footer></footer> 或包裹用的 <div>）具备块级上下文并设置居中样式。<h3>用 <code>text-align 居中需要满足两个条件

必须同时满足：

• 父容器是块级元素（如 <footer></footer>、<div>），且设置了 <code>text-align: center
• a 标签本身未设置 display: block 或 float 等破坏行内流的行为
• 如果用了 margin: 0 auto，那 a 必须先设为 display: block 或 inline-block，否则无效

推荐写法：Flex 布局最可靠

现代项目中，用 Flex 是最干净、兼容性足够（IE11+）的方案：

<footer><a href="#top">返回顶部</a>
  <a href="#contact">联系我们</a>
</footer>

CSS 部分：


html-to-pptx-converter
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
下载

footer {
  display: flex;
  justify-content: center;
  gap: 1rem; /* 可选：控制链接间距 */
}

注意：justify-content: center 对齐的是子项主轴（默认水平），不需要额外处理 a 的 display 类型。

容易被忽略的细节

页脚内容如果混有文字、图标或 <span></span>，而只给部分 a 设样式，会导致视觉错位。统一用 Flex 容器包裹所有可交互元素，比单独调每个 a 的 margin 更可控。另外，若页脚本身有 padding 或 margin，会影响最终垂直位置——居中指的是容器内的水平居中，不是相对于整个视口。