可通过CSS实现HTML5表格水平居中：一、margin: 0 auto（需固定宽度）；二、Flex布局（父容器display: flex + justify-content: center）；三、text-align: center配合display: inline-block；四、Grid布局（父容器display: grid + place-items: center）。
如果您在HTML5中创建了表格，但发现它默认靠左显示，需要将其水平居中对齐，则可通过CSS控制布局实现。以下是几种可靠且兼容性良好的居中方法：
一、使用 margin: 0 auto 居中
该方法适用于已设置固定宽度的表格，通过将左右外边距设为 auto，触发块级元素的自动等分居中机制。
1、为表格元素添加 class 属性，例如 class="centered-table"。
2、在
立即学习“前端免费学习笔记（深入）”；
3、确保表格未被包裹在 display: inline 或 float: left 等影响块级行为的父容器中。
二、使用 Flex 布局居中
该方法通过将表格的直接父容器设为 flex 容器，并利用 justify-content 控制主轴对齐，实现表格水平居中。
1、为表格的父级
2、在CSS中定义：.table-container { display: flex; justify-content: center; }。
3、移除表格自身的 width 设置（除非需限制宽度），避免 flex 容器内表格过度拉伸。
三、使用 text-align: center 配合 display: inline-block
该方法将表格转为行内块级元素，再利用父容器的文本对齐属性实现居中，适用于宽度不固定场景。
1、为表格添加样式：display: inline-block;。
2、为其父容器（如
3、可选：为表格添加 vertical-align: middle; 以优化多行内容时的垂直对齐。
四、使用 Grid 布局居中
该方法将父容器设为网格容器，利用 place-items 简洁实现表格在二维空间中的居中定位。
1、为表格的直接父元素添加 class，例如 class="grid-center"。
2、在CSS中定义：.grid-center { display: grid; place-items: center; }。
3、确保表格没有设置 width: 100% 或其他强制撑满父容器的样式，否则可能失去居中视觉效果。
