table-layout: fixed 会导致 padding 视觉上被截断，因列宽固定且内容溢出时挤压内边距区域；需配合 box-sizing: border-box、word-break 等属性保障其可见性。
table-layout: fixed 会导致 padding 被截断
当 table-layout 设为 fixed 时，浏览器会按列宽（由第一行或 col 定义）强制分配空间，后续单元格内容溢出或压缩时，padding 可能被视觉上“吃掉”——不是失效，而是内边距区域被内容撑开或裁剪。尤其在 td 内含长文本、无空格字符串或 white-space: nowrap 时更明显。
- 检查是否设置了
white-space: nowrap或overflow: hidden，它们会阻止换行，使内容强行挤压 padding 区域 -
table-layout: fixed下，width优先级高于padding；若列宽已固定且内容超宽，padding 的可视空间会被压缩 - 用开发者工具检查 computed styles，确认
padding值存在但渲染区域不可见——大概率是内容未折行导致的视觉错觉
padding 生效但内容顶到边框？试试 box-sizing 和 display
默认 td 是 display: table-cell，其盒模型行为与普通块元素略有差异。即使 padding 设置正确，若单元格内嵌了 div、span 等元素且未重置 box-sizing，也可能造成内边距“不顶用”的假象。
- 给
td显式设置box-sizing: border-box，确保padding包含在宽高计算内 - 避免在
td内直接写大段无空格文本（如长 URL），可加word-break: break-all或overflow-wrap: break-word - 若需严格控制尺寸，可临时将
td改为display: block测试（仅调试用，会破坏表格语义）
table-layout: auto vs fixed 对 padding 渲染的影响
table-layout: auto 会根据所有行内容自动计算列宽，padding 更容易“表现出来”，因为列宽有弹性；而 fixed 下列宽锁定，padding 是否可见高度依赖内容长度和换行策略。
-
auto模式下，即使没设width，padding 通常正常显示，但可能引发列宽抖动（尤其动态插入数据时） -
fixed模式下，建议配合col元素定义列宽，并给td加max-width+overflow: hidden+text-overflow: ellipsis来保 padding 视觉完整性 - 混合使用：对关键列用
col固定宽度，其余列留空让浏览器按内容自适应，平衡稳定性与 padding 可见性
table {
table-layout: fixed;
width: 100%;
}
col:nth-child(1) { width: 120px; }
col:nth-child(2) { width: 200px; }
td {
padding: 8px 12px;
box-sizing: border-box;
word-break: break-word;
vertical-align: top;
}
真正难处理的不是 padding 本身，而是 table-layout: fixed 和内容不可控性之间的拉扯——比如用户粘贴的超长 base64 字符串、无分隔符日志行。这时候 padding 不是“不生效”，而是成了第一个被视觉牺牲的属性。
立即学习“前端免费学习笔记（深入）”；
