a标签在嵌套表格中不居中是因为未对其直接父级td设置text-align: center和vertical-align: middle；tr上设text-align无效，因td才是a的父容器；需确保td高度足够且box-sizing为border-box。
嵌套表格里 a 标签不居中？先确认它在哪个盒子里
超链接 a 默认是行内元素，它能否被居中，完全取决于它父级 td 的样式是否生效。常见错误是：给外层 table 或 tr 设 text-align: center，但没作用——因为 text-align 只对**行内内容的父容器**起效，而 tr 不是 a 的直接父级，td 才是。
td 里放 a，用 text-align + vertical-align 最直接
只要 a 是纯文本或简单内联结构（比如带 img 但没设 display: block），在包裹它的 td 上加这两条就足够：
-
text-align: center控制水平居中 -
vertical-align: middle控制垂直居中（前提是td高度足够，或有padding/min-height） - 避免给
td设display: flex或display: block，否则vertical-align失效
示例 CSS：
td a {
display: inline-block; /* 可选：让 padding 更可控，不影响 text-align */
}
td {
text-align: center;
vertical-align: middle;
padding: 8px 12px;
min-height: 40px;
}嵌套表格本身居中，和里面链接居中是两回事
别混淆层级：margin: 0 auto 是让整个 table 在其父容器中水平居中；而链接居中，只发生在它所在的那个 td 内部。如果嵌套表格没居中，检查的是外层 td 或更上层容器有没有设 text-align: center（对 inline-table 表格）或 display: flex（对块级表格）。
立即学习“前端免费学习笔记（深入）”；
- 若嵌套表格设了
display: inline-table，则需在外层td或div上设text-align: center - 若嵌套表格是默认块级，又想整体居中，得给它的直接父容器设
display: flex; justify-content: center - 绝对不要对嵌套
table自身设vertical-align: middle——它不支持这个属性
链接文字被撑开、偏移？检查 line-height 和 box-sizing
当 td 高度小、又用了大号字体或图标时，vertical-align: middle 看似失效，其实是基线对齐被干扰了。真正起效的不是“视觉中心”，而是单元格内容盒的**行内框基线位置**。
- 临时加
border: 1px solid #999和min-height: 48px，看a是否真在框内垂直居中 - 确保
td的box-sizing是border-box，避免padding溢出影响计算 - 慎用
line-height模拟居中：多行链接或换行后会错位，不如老实用vertical-align+ 足够高度 - 如果
a里套了span或svg并设了display: block，那vertical-align就不管用了，必须改用display: flex的td
嵌套表格里的链接居中，本质还是回归到「谁是父容器」「它支持哪些对齐方式」。最容易忽略的，是误以为给外层 table 加样式就能影响内部 a 的位置——其实每一层都有自己的渲染上下文，跨层无效是常态。
