cellpadding 属性仍被浏览器兼容但已过时，html5 中标记为obsolete，w3c校验器会警告；其功能是统一设置td/th内容到边框距离，值为像素数，但易被css padding覆盖，正确重置应使用td, th { padding: 0; }并配合border-collapse: collapse。
CELLPADDING 属性还能用吗？
能，但不建议用。浏览器仍兼容 cellpadding，但它在 HTML5 中已被标记为 obsolete（过时），W3C 校验器会警告，且无法通过严格语义检查。它的作用是统一设置所有 <td> 和 <code><th> 的内容到边框距离，值为像素数，比如 <code>cellpadding="0" 表示无内边距。
为什么 cellpadding="0" 有时没效果？
常见原因不是属性写错了，而是 CSS 覆盖了它：
- CSS 中写了
td, th { padding: 8px; }—— 这会直接覆盖cellpadding的计算值 - 用了
border-collapse: collapse（默认值）后，某些旧版 reset.css 会把padding设为0，但没清掉继承或用户代理样式 - 表格嵌套时，外层
table的cellpadding不影响内层表格，容易误判生效范围
验证方法：临时禁用所有 CSS，看 cellpadding 是否起效；若起效，说明问题出在样式层。
用 CSS 安全重置单元格内边距的写法
目标是让所有单元格内容紧贴边框（即“默认边距归零”），同时避免意外撑开行高或破坏对齐：
- 优先写
td, th { padding: 0; }，而不是只写table { cellpadding: 0; }（后者无效） - 如果需保留结构清晰性，加
border-collapse: collapse;防止双边框干扰视觉判断 - 不要给
table元素设padding—— 它对表格整体不生效，纯属无效声明 - 若要兼容旧系统中遗留的
cellpadding值，可用 JS 读取并同步到 style：el.style.padding = el.parentElement.cellPadding + 'px'
真正要重置的不只是内边距
很多人说“重置默认边距”，其实混淆了三个层级：
-
cellpadding→ 对应 CSSpadding（单元格内容与自身边框的距离） -
cellspacing→ 对应 CSSborder-spacing（仅在border-collapse: separate下有效） - 表格自身外边距 → 是
margin，需单独设table { margin: 0; }
最容易被忽略的是：即使 cellpadding="0" 且 padding: 0，若没关掉 border-spacing 或没重置 margin，视觉上依然有“空隙”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
