现在不该再用 cellpadding 控制表格内边距，它已过时；真正该用的是作用在 td 和 th 上的 padding，才能精准、可维护、响应式地给文字留出“呼吸感”。
直接说结论：现在不该再用 CELLPADDING 控制表格内边距，它已过时；真正该用的是 padding —— 作用在 td 和 th 上，才能精准、可维护、响应式地给文字留出“呼吸感”。
为什么 CELLPADDING 不再推荐
它写在 <table> 标签上，统一影响所有单元格，没法单独调某个表头或某列；值只能是整数像素，不支持 <code>em、rem 或媒体查询；HTML5 中被标记为 obsolete（废弃），W3C 验证器会警告，严格模式下可能不通过。更实际的问题是：一旦你加了 CSS 的 padding，CELLPADDING 的值会被忽略——浏览器优先级里，CSS 总是赢。
padding 怎么写才有效
必须作用于 td 和 th 元素，不能只给 <table> 设 <code>padding——那没效果，表格不是块级容器，不支持自身内边距。
-
td, th { padding: 8px 12px; }：上下 8px，左右 12px，适合常规数据表格 -
th { padding: 10px 16px 6px; }：表头通常需要更大顶部空间，底部可略小以靠近分隔线 -
.compact-cell { padding: 4px 8px; }：用 class 给密集型表格（如日志列表）降间距 - 避免只写
padding: 10px就完事——如果文字行高小但 padding 大，视觉上会像“悬空”，此时应同步检查line-height或用min-height
容易混淆的两个概念：padding vs border-spacing
padding 控制的是“内容到单元格边框”的距离，而 border-spacing 控制的是“单元格边框到隔壁单元格边框”的距离——后者只在 border-collapse: separate 时生效。默认 border-collapse: collapse 下，border-spacing 完全无效，此时想拉开单元格视觉距离，只能靠加大 padding 或加 border。
- 误以为调大
CELLPADDING能“撑开行高”？其实是line-height或min-height的事 - 想让表头和数据行之间有明显间隙？别硬加
padding-bottom在th里，试试margin-bottom配合border-bottom更可控 - 用了
border-collapse: collapse却还设border-spacing？白写了，浏览器直接无视
遗留代码里怎么安全过渡
如果老项目里满屏 cellpadding="5"，别急着全删。先加等效 CSS：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
td, th {
padding: 5px;
}
再逐步替换属性——关键是别让新旧规则共存引发覆盖冲突。更稳妥的是用 JS 读取并迁移：
document.querySelectorAll('table[cellpadding]').forEach(table => {
const pad = table.getAttribute('cellpadding');
table.querySelectorAll('td, th').forEach(el => {
el.style.padding = `${pad}px`;
});
});
注意：这个脚本得在 DOM 加载后执行，且要处理 cellpadding 值为空或非数字的情况。
真正难的不是写对 padding，而是意识到：表格的“呼吸感”来自组合控制——padding 定基础留白，line-height 管文字垂直节奏，border 和 border-collapse 决定边界是否融合。三者不配平，光调一个数值永远像在修bug。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
