layui表格分页条居中需用lay-id精准选中容器并设text-align:center；独立laypage组件需父容器text-align:center配合.layui-laypage{display:inline-block}；count文案必须通过layout参数控制位置。
layui-table 分页条居中：用 CSS 定位最直接
表格自带分页条默认左对齐，想居中不用改 JS 逻辑，纯 CSS 就能搞定。关键在于精准选中当前表格的分页容器，避免影响其他表格。
- 在
table.render()的done回调里执行定位：用$("[lay-id='your-table-id']>.layui-table-page")找到对应分页区域，再设text-align: center - 如果全站所有表格都要居中，直接加全局样式：
.layui-table-page { text-align: center; }，但要注意它会作用于所有表格 - 别用
.layui-laypage直接选——它不带上下文，容易跨表污染；lay-id是 layui 表格生成时自动加的唯一标识，更安全
laypage 独立组件居中：靠 layout + CSS 双控
单独用 laypage.render() 时，分页 DOM 是块级元素，默认撑满父容器宽度。居中不是“居中文字”，而是让整个分页组件水平居中。
- 必须给
elem对应的容器（比如<div id="page"></div>）设置固定宽度或display: inline-block，否则text-align: center无效 - 推荐写法：
#page { text-align: center; }+.layui-laypage { display: inline-block; }，这样分页条自身收缩，再被父容器居中 - 别在
layout里硬塞count或调整顺序来“模拟”居中——那只是挪文字位置，不是组件居中
“共 X 条”文案卡在 prev/next 中间？layout 是唯一可控方案
这个文本节点没有 class、没有 ID，CSS 无法直接选中移动。强行用 position: relative + left 会破坏按钮间距，且每次翻页重绘后失效。
- 必须用
layout参数显式声明结构，例如：layout: ['prev', 'page', 'count', 'next']，把count放到页码右侧 -
layout数组里必须包含count，否则该文案彻底不显示 - 如果真要插在两个页码之间（比如第 3 和第 4 个按钮中间），只能靠
jump回调里手动 DOM 操作，但得每次重绘都 patch，维护成本高
自定义分页容器位置后，居中逻辑要自己兜底
把分页条从表格底部挪到顶部、侧边或独立 div 里，就脱离了 layui 表格的自动布局体系。此时“居中”不再是样式问题，而是坐标计算问题。
- 如果容器本身是
position: relative，可用margin: 0 auto居中；如果不是，就得用 JavaScript 算宽高再设left/top - 特别注意小屏场景：用
max-width限制分页容器宽度，否则在手机上会溢出，text-align: center失效 - 表格和分页解耦后，筛选条件变更时，
count不会自动更新——你得在 reload 表格的同时，手动调用laypage.render()并传入新count值
