table加margin: 0 auto没反应，是因为未同时满足显式设置宽度且保持块级显示；需设width（非100%）并移除align="center"或inline-table等导致行内化的属性。
table加margin: 0 auto没反应？先查宽度和显示模式
表格在页面中不居中，大概率不是CSS写错了，而是margin: 0 auto根本没触发——它只对有明确宽度的块级元素生效。<table>默认是块级，但一旦你用了align="center"（旧写法）或display: inline-table，它就变成行内级，margin: 0 auto直接失效。
- 必须同时满足：显式设置
width（如width: 80%、width: 600px），且不能是width: 100% - 响应式推荐写法：
width: 100%; max-width: 800px; margin: 0 auto;，窄屏占满，宽屏居中 - 别在
<td>或<tr>上试margin: 0 auto——display: table-cell不支持外边距
td/th里文字不居中？别往table上加text-align
text-align: center加在<table>标签上完全无效，因为<table>本身不包含行内内容流；真正起作用的是<td>和<th>——它们才是承载文字的“容器”。
- 整表单元格统一居中，用：
table td, table th { text-align: center; vertical-align: middle; } - 漏掉
th会导致表头仍靠左，这是常见疏忽 - 如果
<td>里嵌了<div style="display: block">，text-align不会穿透进去，得单独给那个div设margin: 0 auto或text-align: center
vertical-align: middle看起来没居中？检查padding和line-height
vertical-align: middle只对单元格内的“行内盒”起作用，不是万能垂直居中神器。视觉上偏上/偏下，往往不是样式没生效，而是被其他因素干扰。
- 单元格
height设得太小（比如height: 20px），而默认line-height约1.2倍字号，文字被挤出视觉中心 - 没设
line-height，或line-height小于容器高度，导致基线偏移 - 多行文本时，
vertical-align: middle对齐的是“整行盒”的中点，不是每行文字中心——这是标准行为，不是bug - 更稳妥的做法：用
padding: 8px 12px代替硬调height，留出自然呼吸空间
要不要用Flex/Grid替代table的居中逻辑？看语义是否退化
用display: flex或display: grid把<table>居中没问题，但操作对象必须是它的**父容器**，不是<table>自己。强行改<td>为display: flex会破坏表格语义。
立即学习“前端免费学习笔记（深入）”；
- 安全写法：
<div style="display: flex; justify-content: center;"><table>...</table></div> - 若表格已沦为纯视觉布局（无行列逻辑、无可访问性需求），才考虑用
div+flex重写 - IE11不支持
place-items，需要兼容时，margin: 0 auto仍是首选
align="center"这种旧属性悄悄把<table>变成inline-table，后续所有基于块级的居中逻辑都失效——删掉它，再检查宽度，问题通常就解了一半。 
