text-align: center 最直接有效居中问卷提交后的超链接；它作用于块级容器内默认 inline 的 <a> 标签，无需改其 display 或加 margin，只需确保父容器有明确宽度且无 float/absolute 干扰。
用 text-align: center 最直接有效
问卷提交后跳转的超链接（比如「返回首页」或「查看结果」），只要它在普通块级容器里，加一行 text-align: center 就能居中。这不是“骗样式”，而是 CSS 对行内元素（包括 <a>）的默认对齐行为。
常见错误是给 <a> 自己加 margin: 0 auto 或 display: block 后再居中——没必要，反而容易漏掉父容器宽度控制。
- 确保链接放在一个有明确宽度的块级容器中，比如
<div>或<section> - 给这个容器加
style="text-align: center"，或写进 CSS 类 - 如果链接本身用了
display: block（比如加了宽高或背景），仍需靠父容器的text-align居中，而不是靠自身margin
用 Flex 布局更可控，尤其要兼容老浏览器时得小心
如果页面已用 Flex 做整体布局，或者链接需要垂直+水平都居中（比如弹窗底部按钮），display: flex 是更现代的选择。但注意 IE10–IE11 对 flex 的支持有限，justify-content 和 align-items 要配对使用。
- 父容器设
display: flex; justify-content: center;即可水平居中 - 若还需上下居中（如固定高度容器），加
align-items: center; - 避免给
<a>设width: 100%，否则会撑满父容器，失去“居中”意义 - IE10 需要加
-ms-flex-pack: center，但多数问卷系统已不保 IE
别踩这些坑：居中失效的典型原因
链接没居中，90% 不是 CSS 写错，而是结构或继承干扰了。
立即学习“前端免费学习笔记（深入）”；
-
<a>外层有float或position: absolute的祖先元素，会脱离文档流，text-align失效 - 父容器没有设置宽度（比如
width: 100%或max-width），而子元素又是inline，此时text-align仍生效，但视觉上可能被误判为“没动” - CSS 优先级冲突：比如框架自带的类（如 Bootstrap 的
text-left）覆盖了你的text-align: center - 链接用了
display: inline-block且内部有空格/换行，导致实际渲染多出空白间隙，影响对齐观感
一个最小可验证示例
<div style="text-align: center; margin-top: 2rem;"> <a href="/survey/result" style="font-size: 1.1em; padding: 0.5rem 1rem; background: #007bff; color: white; text-decoration: none; border-radius: 4px;">查看调查结果</a> </div>
这段代码不依赖任何外部 CSS，复制即用。关键点只有两个：text-align: center 在父 <div> 上，<a> 保持默认 inline 行为。改文字、颜色、间距都不影响居中逻辑。
复杂点在于你是否把链接塞进了表单底部、卡片 footer、还是 Modal 弹窗里——不同容器的盒模型和定位方式，会让同一句 text-align 表现不同。动手前先用浏览器开发者工具选中父容器，看它的 computed width 和 display 类型。
