要实现表格无边框效果，必须同时设置 table { border-collapse: collapse; border: none; } 并为 th、td 单独设置 border: none，否则默认分离模型和单元格内边距仍会导致视觉缝隙或渲染抖动。
直接用 border: none 很可能没用——因为表格边框不是只靠 table 元素控制的，th 和 td 自带默认边框行为，border-collapse 状态也会影响最终渲染。
为什么写了 border: none 还有线？
常见错误是只给 table 加样式，漏掉单元格。浏览器默认对 th、td 渲染内边距和“隐形”边框（尤其在某些 UA 样式或 reset 后残留），导致视觉上仍有缝隙或白线。
-
table { border: none }只清除了 table 自身边框，不影响内部单元格 - 即使所有元素都设了
border: none，若border-collapse是separate（默认值），单元格间仍可能因border-spacing显出空隙 - iOS Safari 中常出现 sub-pixel 渲染抖动，DevTools 显示
border为none，但实际渲染有一像素灰/白线
border-collapse: collapse 必须加在 table 上
这是真正让表格“看起来像一张纸”的关键。不设它，th 和 td 的边框就算设成 none，也可能因分离模型留下不可控间隙。
- 只对
table元素生效，th或td上设无效 - 必须搭配
border: none一起用，否则collapse会把可见边框压成一条，反而强化边框感 - 如果页面用了第三方 CSS 框架（如 Bootstrap），检查是否被
table { border-collapse: separate !important }覆盖
mp-html 等受限环境要靠 tagStyle 逐元素控制
小程序或富文本渲染器（如 mp-html）不支持全局 class 或外部 CSS，table、th、td 必须分别注入样式，且顺序不能错。
-
tagStyle是对象，键名必须严格为table/th/td，大小写敏感 -
table项里必须包含border-collapse: collapse，否则th和td的border: none会被忽略 - 避免用
border="0"属性：HTML5 已废弃，mp-html 不解析该属性，且无法覆盖单元格边框
真·无边框排版的务实替代方案
当反复调试仍出现不可消除的线（尤其移动端），不如绕开 table 渲染管线。
- 用
display: grid模拟行列结构，完全脱离表格语义和边框模型 - 对纯布局场景，
div+flex更可控，且无任何默认边框干扰 - 若必须保留表格语义（如数据展示），加
transform: translateZ(0)强制硬件加速，可缓解 iOS 渲染抖动
最易被忽略的是：无边框 ≠ 无结构。哪怕视觉上“看不见”，th 和 td 的 padding、line-height、vertical-align 依然影响对齐和间距，这些才是排版干净的关键。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
