ie中表格边框双线/发虚是默认行为，不是写错了；必须给table元素显式设border-collapse: collapse，该属性只对table生效、不继承，启用后border-spacing失效，边框按宽度>样式>声明顺序合并，且需禁用html的border等属性并单独处理嵌套表格。
IE中表格边框双线/发虚是默认行为，不是写错了
IE9–IE11（非Quirks模式）下，table 默认用 border-collapse: separate 渲染，每个 td 和 th 都画自己的边框，相邻单元格的边框物理叠在一起——视觉上变粗、发虚、甚至错位。这不是 bug，是规范实现。你看到的“重叠”，其实是浏览器在严格执行 CSS2.1 规范。
必须给 table 元素显式设 border-collapse: collapse
这个属性只对 table 元素生效，写在 td 或外层 div 上完全无效。而且它不继承，嵌套表格也得单独设。
Comet AI 浏览器
下载
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
-
table的 CSS 规则里必须包含border-collapse: collapse - 一旦启用，
border-spacing自动失效，别再设它 - 边框取相邻边中的最大宽度：比如左
td有border-right: 2px，右td有border-left: 1px，最终显示为 2px - 颜色和样式按层叠顺序决定：同宽时后声明的胜出；不同宽时宽者优先
禁用 HTML 的 border/cellspacing 属性，全走 CSS
<table border="1"> 这类写法会主动触发双重边框逻辑：HTML <code>border 给整个表格加外框 + 每个单元格再加内框，和 CSS 边框混用等于自找麻烦。
- 删掉所有
border=""、cellspacing=""、cellpadding="" - 统一用 CSS 控制：
table设外框，td/th设格子线，二者不同时设 - 嵌套表格要单独处理：父表设了
collapse，子表仍需自己加border-collapse: collapse
IE11 下内容撑破边框？先关掉 table-layout: fixed
当表格列多、内容长度不均，又用了 table-layout: fixed，IE11 会强行按 width 分配列宽，导致某些 td 的边框被截断或偏移，看起来像“消失”或“错位”。这不是边框没生效，而是盒模型计算异常。
- 调试时先注释掉
table-layout: fixed，看是否恢复 - 若恢复，说明问题出在列宽分配逻辑，而非边框本身
- 真要用
fixed，务必给每列col或首行td显式设width，避免 IE 计算失准
collapse、隔离嵌套、慎用 fixed。这些动作看着琐碎，但漏掉任何一环，IE 就可能把边框画成两根线、三根线，或者干脆不画。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
