layui分页右对齐须用flex布局：将分页直接父容器设为display: flex，再给.laypage加margin-left: auto；若为表格内置分页，则需给.layui-table-page设display: flex和justify-content: flex-end。
用 margin-left: auto 替代 text-align: right
直接给分页容器加 text-align: right 看似简单，但会破坏 .laypage 的 inline-block 布局逻辑，导致容器实际宽度收缩、按钮挤在一起甚至换行。真正可靠的方式是把分页外层当作 flex 项目来处理。
- 确保分页的**直接父容器**已设
display: flex - 给
.laypage加margin-left: auto，它会自动贴到父容器右侧 - 避免同时设
flex: 1或width: 100%，否则会撑满整行，失去“右对齐”效果
layui table 内置分页怎么右对齐
表格自带分页渲染在 .layui-table-page 下，这个区域默认是块级元素且无 flex 上下文。不能靠改 .layui-laypage 自身样式，得从它的父级入手。
- 给
.layui-table-page设display: flex和justify-content: flex-end - 如果表格启用了
autoResize: true，窗口缩放后该样式可能失效，需在done回调里重置一次 - 检查是否被祖先元素的
overflow: hidden截断——右对齐后若看不见最后几个按钮，八成是这个原因
自定义 laypage 实例时如何精准控制位置
当你用 laypage.render({ elem: '#my-page' }) 独立渲染分页（比如放在表格上方或侧边），elem 容器的定位方式就完全由你掌控。
- 不要把
#my-page放在float: left或position: absolute的父级里，容易脱离文档流 - 推荐用
display: flex的布局容器包裹它，并用margin-left: auto或justify-content: flex-end控制对齐 - 如果和表格共用一个 flex 父容器，记得给
.laypage加flex-shrink: 0，防止页码多时被压缩变形
居右不是加个 text-align 就完事，关键在于理解 layui 分页 DOM 是被动渲染的——它不管理位置，只负责生成按钮；所有对齐行为，都得靠你塞它的那个盒子来决定。
