cellpadding属性已过时，不建议在新项目中使用；它仅支持统一整数内边距、易被CSS覆盖、无法响应式控制，HTML5中列为obsolete，应改用td,th{padding:...}替代。
cellpadding 属性确实能快速设置单元格内边距，但它已经过时，**不建议在新项目中使用**——不是因为它“不能用”，而是它会和现代 CSS 冲突、无法精准控制、且被 HTML5 标准标记为 obsolete（过时），浏览器虽兼容，但校验失败、可维护性差。
为什么直接写 cellpadding 常常没反应？
你写了 <table cellpadding="12"> 却发现内边距没变，大概率是因为：
- CSS 中已定义了
td, th { padding: 4px; }（比如 Bootstrap、Normalize.css 或你自己写的重置样式），CSS 优先级永远高于 HTML 属性 - 表格嵌套在某个框架组件里，该组件内部已强制覆盖所有
td的padding - 你检查的是
<table>元素的 computed styles，但cellpadding不会出现在那里——它只影响渲染逻辑，不生成 CSS 规则 - 用了
border-collapse: collapse（现代默认），虽然不影响cellpadding生效，但容易误判为“没起作用”，尤其当 padding 被其他规则覆盖时
想让 cellpadding 真的生效，得满足这些条件
如果你必须临时兼容老代码或 CMS 输出（比如 WordPress 插件硬编码了 cellpadding），要让它真正起作用，需确保：
- 页面没有全局或局部的
td, th { padding: ... }规则；若有，得用!important覆盖（不推荐） - 不要同时写
style="padding: 8px"在<td>上——它会直接覆盖cellpadding - 避免用框架（如 Tailwind）的
px-/py-工具类作用于<td>，它们本质也是padding，优先级更高 -
cellpadding只接受非负整数（如"6"），不支持单位（"6px"会失效）
真正可控、可复用的写法：用 CSS 控制 td 和 th 的 padding
替代 cellpadding 的标准做法，是给单元格元素本身设 padding：
- 统一控制：
td, th { padding: 8px 12px; }—— 上下 8px，左右 12px - 区分表头与数据：
th { padding: 10px 16px 6px; } td { padding: 6px 12px; } - 单独调整某列：
td:nth-child(2) { padding-left: 24px; } - 响应式适配：
@media (max-width: 768px) { td, th { padding: 4px 8px; } } - 注意：
<table>上设padding是无效的——表格不是块级容器，不支持内边距
容易被忽略的关键细节
很多人调完 padding 发现行高撑开、文字垂直居中偏移、或者边框对不齐，问题往往出在：
立即学习“前端免费学习笔记（深入）”；
-
line-height和padding叠加导致高度失控——优先用min-height或box-sizing: border-box约束 - 用了
border-collapse: collapse却又试图靠border-spacing拉开间距——后者此时完全无效 - 把
margin加在<td>上，结果毫无反应——表格单元格不支持margin - 以为
cellpadding="0"就等于“贴边”，其实浏览器可能有默认padding（如 Chrome 对td默认设 2px），得显式重置
