html表格单元格左右留白必须用padding而非margin，因表格渲染模型禁止td/th使用margin；正确写法为td { padding: 8px 16px; }或th { padding: 12px 20px; }，并注意配合border-collapse: collapse与box-sizing: border-box确保效果可控。
表格单元格内容左右留白必须用 padding，不是 margin
给 <td> 或 <code><th> 加 <code>margin 完全无效——浏览器会忽略它。这是表格渲染模型的硬性限制，不是兼容性问题。
正确做法是设置内边距：
td { padding-left: 16px; padding-right: 16px; }- 或简写：
td { padding: 8px 16px; }（上下 8px，左右 16px） - 如果只影响某类单元格，比如表头更宽松：
th { padding: 12px 20px; }
注意：padding 会扩大单元格实际宽度。若表格设了固定宽（如 width="800"），可能触发横向滚动或文字换行，需配合 box-sizing: border-box 控制尺寸归属。
整张表格在页面中左右缩进，该包 <div> 而不是设 <code><table> 的 <code>margin
直接写 <table style="margin: 0 40px;"> 在 Outlook 等邮件客户端里大概率被丢弃，老版 IE 也支持不佳。
<p>稳妥方案是用外层容器控制位置：</p>
<ul>
<li><code><div style="margin: 0 40px;"><table>...</table></div>
<div style="margin: 0 auto; max-width: 800px;"><table width="100%">...</table></div>
别用旧式 align="center" 或靠 cellspacing 模拟缩进——语义错、不可控、易被覆盖。
空单元格不显示边框？加 不是可选项，是必要操作
纯空的 <td></td> 在 Outlook（尤其是 Windows 版）里会被折叠成一条线，哪怕写了 padding 也没用。
必须塞一个“有渲染意义”的空白字符：
- 用
- 最稳写法：
<td style="padding: 10px 20px; font-size: 1px; line-height: 1px;"> </td> - 单个
font-size和line-height是防字体撑高
这个坑只在邮件 HTML 或强兼容场景出现；现代网页开发中可跳过，但一旦要发 HTML 邮件，漏掉它就等于表格结构塌一半。
border-collapse: collapse 会让 padding 看起来“失效”？其实是视觉压缩
启用 border-collapse: collapse 后，相邻单元格边框会合并，padding 仍生效，但左右留白容易被边框吃掉，显得窄。
两种应对方式：
- 改用
border-spacing: 0+ 保持border-collapse: separate（默认值），这样padding更直观 - 加大
padding值补偿，比如从12px提到16px，并检查边框宽度是否叠加影响 - 避免混用：
border-collapse: collapse和border-spacing冲突，后者会被无视
真正麻烦的不是怎么调数字，而是得先确认当前表格用了哪种边框模型——查不到 border-collapse 声明？那默认就是 separate，border-spacing 才管用。
