padding 是唯一可靠、语义正确且能精确控制单元格内容与边框距离的方式；cellpadding 已过时，不支持方向独立设置、响应式调整及类选择器控制，易被 CSS 覆盖且调试困难。
padding 是唯一可靠、语义正确且能精确控制单元格内容与边框距离的方式。别用 cellpadding，它已过时，且无法差异化设置。
为什么直接写 cellpadding 不推荐
虽然 cellpadding="10" 还能生效，但它作用于整个 <table>，所有 <td> 和 <th> 被强制统一；一旦项目里有 CSS 重置（比如 td { padding: 4px; }），它立刻被覆盖；DevTools 里查不到它的 computed 值，调试困难。
-
cellpadding不支持上下左右独立设置（比如只加大上边距） - 不能配合媒体查询做响应式调整（如移动端设
padding: 4px） - 无法给特定单元格加 class 单独控制（
<td class="highlight">）
td, th { padding: } 怎么写才不踩坑
目标是让文字离边框有呼吸感，又不撑大表格总宽——关键在选择器范围和值的组合。
- 基础写法：
td, th { padding: 8px 12px; }→ 上下 8px，左右 12px - 四值写法：
padding: 6px 10px 4px 14px;→ 上 右 下 左，顺序固定 - 避免写成
td { padding: 10px; }却漏掉th，表头常被忽略 - 如果用了 UI 框架（如 Ant Design），先检查其默认样式是否已设
padding，再用!important或更高优先级选择器覆盖
想只调某个单元格的内间距？
直接加 style 最快，也最可控——margin 对 <td> 完全无效，别试。
立即学习“前端免费学习笔记（深入）”；
<td style="padding: 20px 16px;">重点数据</td>-
<td class="tight">紧凑内容</td>+.tight { padding: 2px 6px !important; } - 不要用空格、
line-height模拟内边距——破坏语义，响应式下易错位
border-collapse: collapse 时 padding 还管用吗
管用，而且这是唯一能用的方式。当表格必须用 border-collapse: collapse（比如要实现细线无间隙边框），border-spacing 彻底失效，此时 padding 就是调整“内容留白”的唯一出口。
-
border-collapse: collapse下，border-spacing被浏览器无视，写了也白写 -
padding在 collapse 模式下依然生效，且不影响边框合并逻辑 - 注意：给
<td>加margin永远无效，表格单元格的 display 类型不支持 margin
真正容易被忽略的是：padding 改变的是内容区域尺寸，会直接影响表格列宽计算——尤其当内容长度接近临界值时，微小的 padding 差异可能导致整列换行或溢出。动手前最好在 DevTools 里开 layout 面板瞄一眼实际盒模型。
