HTML表格边框和对齐设置详解
HTML表格的边框与对齐看似基础，实则暗藏诸多易被忽视的坑：默认无边框源于浏览器将border设为0且border-collapse为separate；盲目使用过时的border="1"或遗漏border-collapse: collapse会导致双线、缝隙甚至布局错乱；文字居中需区分text-align（水平）与vertical-align（垂直），整表居中依赖margin: 0 auto但受父容器显示模式制约；而table-layout: fixed虽利于精确控列宽，却可能引发文本溢出、宽度坍缩及浏览器兼容性问题——掌握这些CSS核心机制，才能写出稳健、可维护、跨浏览器一致的表格样式。
HTML 表格边框为什么看不见？
默认情况下， “居中”分两种：单元格内文字对齐（ 它决定表格列宽怎么算，默认是 终于介绍完啦！小伙伴们，这篇关于《HTML表格边框和对齐设置详解》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！ 没有可见边框，不是你写错了，是浏览器默认
border 为 0，且 border-collapse 是 separate。
border="1" 属性能快速出边框，但属于过时写法，不推荐用于现代项目table { border-collapse: collapse; } + td, th { border: 1px solid #ccc; }border-collapse: collapse 会导致双线边框（单元格各自有边框，间隔还留缝）border-collapse: separate，记得配 border-spacing 控制间隙，否则可能意外撑宽表格如何让表格内容居中对齐？
text-align），和整张表在页面中水平居中（margin）。td 或 th 加 style="text-align: center;"；垂直居中用 vertical-align: middle;table 加 style="margin: 0 auto;" —— 注意必须是块级行为，若父容器有 display: flex 等布局，auto 可能失效align="center" 属性已废弃，Chrome 等浏览器仍兼容，但校验会报错，CI/CD 流水线可能拦截table-layout: fixed 有什么实际影响？
auto（看内容撑开），设为 fixed 后，列宽只认第一行 th 或 td 的宽度声明（或 width 样式）。
表格边框和对齐看着简单，但混用 HTML 属性和 CSS、忽略 overflow: hidden 或 word-break: break-allwidth，后续列宽会坍缩成最小值，看着像“挤在一起”table-layout: fixed 下百分比宽度解析有偏差，建议用像素值更稳border-collapse 状态、或者在响应式容器里盲目设 margin: 0 auto——这几个地方最容易反复出问题。
FMHY官网快速进入指南
