合并单元格不影响表格居中，关键在于table需设margin: 0 auto、明确宽度及border-collapse: collapse；内容居中靠td/th的text-align和vertical-align；三者缺一不可。
合并单元格后整个表格不居中？先看 table 是否有 margin: 0 auto 和明确宽度
合并单元格（colspan 或 rowspan）本身不会影响表格在页面中的位置。很多人以为“合并了就得重调居中”，其实只是漏掉了最基础的居中条件：table 必须是块级、有宽度、且左右外边距自动分配。
-
table默认就是块级元素，但若被设为display: inline-table或加了float，margin: 0 auto就失效 - 必须显式设置宽度，比如
width: 80%、width: fit-content或固定值（如width: 600px）；只写margin: 0 auto没用 - 父容器若有
text-align: left且未重置，可能让视觉判断出错——这不是居中失效，而是文本对齐干扰了观察
colspan 单元格里文字不居中？检查 text-align 作用对象
text-align: center 控制的是内容（文字、图片等行内内容）的水平位置，不是把整个 td 在表格里“挪动”。它生效的前提是样式落在该 td 或其可继承的祖先上。
- 直接写
<td colspan="3" style="text-align: center">文本</td>最可靠 - 统一控制可用
td, th { text-align: center; }，比逐个加style更少遗漏 - 如果
td里塞了<div> 这类块级元素，<code>text-align对它无效——得给div自己加margin: 0 auto（需配width）或改用display: flex; justify-content: center合并单元格内容看起来“偏高”或“偏低”？
vertical-align没设对地方vertical-align: middle只对td和th生效，不能写在table或tr上。W3C 明确禁止它用于非table-cell元素。- 正确写法是
td, th { vertical-align: middle; }，或者单个单元格加style="vertical-align: middle" - 如果单元格高度太小（仅靠
line-height支撑），middle会没空间可居中——优先用padding（如padding: 8px 12px）提供稳定高度 -
tr { height: 40px }有时能强制触发垂直对齐计算，但min-height在老版 Chrome 中可能不生效，慎用 - 别混用废弃的
valign="middle"和 CSS，浏览器行为不可预测
边框双线、合并后视觉混乱？
border-collapse: collapse必须加在table上浏览器默认启用
border-spacing（相当于旧cellspacing），导致相邻单元格边框分离，合并后更易看出“重叠感”。这不是居中问题，但严重影响视觉判断。- 唯一可靠解法：给
table加style="border-collapse: collapse" - 只给
td设border不够，th也要统一设置，否则表头和数据行边框粗细/颜色不一致 - 如果用了
border-collapse: separate（默认值），调border-spacing无法真正“合并”边框 - 配合
table { margin: 0 auto; width: fit-content; border-collapse: collapse; }是最简健壮组合
table自身样式，内容对齐靠td/th的text-align和vertical-align，边框靠border-collapse——三者缺一不可，且必须作用在正确元素上。 - 正确写法是
