cellpadding="0"内容仍离边框有距离，是因为CSS的padding属性优先级高于HTML的cellpadding，且border-collapse、line-height、vertical-align等也会影响视觉间距。
cellpadding="0" 为什么内容还离边框有距离？
不是 cellpadding 失效，而是它被 CSS 的 padding 覆盖了。浏览器解析时，只要存在任意一条匹配 td 或 th 的 CSS 规则带 padding（哪怕只写了 padding-left: 4px），cellpadding 属性就彻底不生效。
常见干扰源包括：
- 全局重置样式（如
td, th { padding: 8px; }） - UI 框架默认样式（Bootstrap、Ant Design 等几乎都设了
padding） - 父级选择器更具体，比如
.table-striped td { padding: 12px; }，优先级高于 HTML 属性
用 CSS 替代 cellpadding 的正确写法
直接控制 td 和 th 的 padding 即可，无需保留 cellpadding 属性：
- 统一清空：
td, th { padding: 0; } - 统一设值：
td, th { padding: 6px 12px; }（顺序是padding: vertical horizontal;） - 差异化设置：单独给某列加内边距，只能用 class 或
:nth-child()，cellpadding做不到 - 注意单位：只支持长度值（
px、em、rem），padding: 0%无效
border-collapse 和 border-spacing 会间接影响“内边距视觉”
即使 padding 设为 0，如果没处理好边框模型，内容仍可能“看起来离边框远”：
立即学习“前端免费学习笔记（深入）”；
-
border-collapse: separate下，td的border是独立绘制的，若边框太粗（如2px solid #000），会挤压内容可视区域 -
border-collapse: collapse后，相邻边框合并，但若只给td设边框而没给table设，部分浏览器（如 Firefox）可能补默认边框，造成错位 - 真正干净的起点是：
table { border-collapse: collapse; border: 0; }+td, th { border: 0; padding: 0; }
容易被忽略的“伪内边距”来源
有些间隙根本不是 padding 或 cellpadding 导致的，检查这些地方：
-
td内部嵌套了p、h3等块级元素——它们自带margin，会把单元格“顶开” -
line-height过大，让文字在单元格中垂直居中时上下留白 -
vertical-align: baseline（默认值）导致单元格内容基线对齐，不同字号/字体下高度不一致，产生错觉间隙 - 表格用了
display: inline-table或父容器有font-size: 0，换行符被渲染为空格，附着在td右侧或底部
padding、border、line-height、vertical-align 当作一个组合来调；单靠删掉 cellpadding 或写个 padding: 0，只是动了表皮。 
