表格在HTML5中靠右对齐有五种现代CSS方法：一、display: block + margin-left: auto；二、float: right + clear；三、父容器text-align: right；四、flexbox（justify-content: flex-end）；五、Grid（justify-items: end）。
如果您在HTML5中使用表格元素，但希望整个表格在页面中靠右对齐，则不能依赖传统的
一、使用 margin-left: auto 配合 display: block
将表格设置为块级元素后，通过自动左侧外边距可使其在父容器中右对齐，这是符合现代CSS规范且语义清晰的方式。
1、为 2、确保表格所在父容器具有明确宽度（如 立即学习“前端免费学习笔记（深入）”； 3、该方法兼容所有现代浏览器，包括 Chrome、Firefox、Safari 和 Edge。 浮动方式可使表格脱离文档流并贴靠父容器右侧，适用于需要文本环绕或与其他浮动元素并排的场景。 1、为 2、在表格后插入一个清除浮动的元素，例如： 3、注意：若父容器高度塌陷，需为其设置 该方法利用表格作为行内替换元素的特性，通过父容器的文本对齐控制其位置，简单直接但需注意适用边界。 1、将表格包裹在 2、确保表格未设置 3、此方法仅在表格保持默认 display: table 时生效；若表格被设为 block，则失效。 通过将父容器设为弹性盒子，并设置主轴对齐方式为 flex-end，可精准控制表格在容器内的右对齐位置。 1、为表格的直接父元素添加样式： 2、移除表格自身的宽度限制（如 width: 100%），避免撑满父容器导致对齐失效。 3、flexbox 方式不改变表格 display 类型，且天然支持响应式布局。 将父容器定义为网格容器，并通过 justify-items 控制子项在单元格内的水平对齐方向。 1、为表格父容器设置： 2、无需额外修饰表格本身，表格会自动在网格单元格内右对齐。 3、Grid 方法对单个子元素对齐极为简洁，且不影响文档流结构。 元素添加内联样式：
style="display: block; margin-left: auto;"。
width: 100%）且未设置 text-align: center 等干扰对齐的属性。二、使用 float: right
添加样式：
style="float: right;"。
，防止后续内容错位。overflow: hidden 或 display: flow-root 以包裹浮动子元素。三、使用 text-align: right 在父容器上设置
style="text-align: right;"。
display: block 或其他覆盖行内行为的样式。四、使用 flexbox 布局
style="display: flex; justify-content: flex-end;"。五、使用 CSS Grid 单列布局
style="display: grid; justify-items: end;"。
