layui分页按钮间距需通过css调整，因默认font-size:0导致空白符间隙，推荐给按钮设font-size和padding，避免直接用margin。
layui分页按钮之间间距怎么调
layui 的 laypage 组件默认不提供「页码数字按钮之间间距」的独立配置项，所谓“间距”实际由 CSS 盒模型控制，不是通过 JS 参数设置的。直接改 laypage.render() 的 options 无法生效。
为什么 padding/margin 改了没反应
常见现象：给 .layui-laypage .layui-laypage-curr 或 .layui-laypage-em 加 margin-right，但页码挤在一起、或整个分页栏错位——根本原因是 layui 内部用 inline-block 布局 + 字体大小 + 行高联动控制间距，单纯加 margin 容易被父级 font-size: 0 抵消，或触发换行。
-
.layui-laypage默认设了font-size: 0，所有子元素需显式重置font-size，否则文字不显示或布局塌陷 - 页码按钮（
.layui-laypage-num、.layui-laypage-curr）是display: inline-block，它们之间的空白符会被渲染为 4px 左右间隙（即 HTML 换行/空格产生的空白） - 直接对按钮加
margin会破坏原有居中逻辑，尤其在“首页/尾页/上一页/下一页”存在时，容易导致按钮错位或溢出容器
真正有效的三种调整方式
必须从 CSS 层下手，且要兼顾 layui 的 DOM 结构和样式优先级：
- 清除空白符间隙：给
.layui-laypage加font-size: 0（它已有），再给子按钮统一设font-size: 14px（或其他你需要的字号），同时用vertical-align: top对齐 - 用
padding替代margin：修改.layui-laypage-num和.layui-laypage-curr的padding-left/padding-right，比如padding: 0 12px，这是最稳定的方式 - 微调
letter-spacing：对.layui-laypage设letter-spacing: 8px可间接拉开数字按钮距离，但会影响所有文本节点（如“上一页”“下一页”文字也会变宽），慎用
示例 CSS（推荐）：
.layui-laypage {
font-size: 0;
}
.layui-laypage .layui-laypage-num,
.layui-laypage .layui-laypage-curr,
.layui-laypage .layui-laypage-em {
font-size: 14px;
vertical-align: top;
padding: 0 10px;
}
避免踩坑的关键点
改完 CSS 后务必检查三件事：
- 是否覆盖了
.layui-laypage-next和.layui-laypage-prev的宽度？它们默认是固定宽高，加 padding 可能撑开按钮 - 响应式断点下（如小屏）页码是否换行？建议加
white-space: nowrap到.layui-laypage容器 - 如果用了自定义
layout: ['prev', 'page', 'next', 'count', 'limit']，.layui-laypage-count和.layui-laypage-limit的位置可能被挤偏，需单独重设float或flex布局
layui 的分页 DOM 是动态生成的，CSS 必须用足够强的选择器（比如加上 !important 或提高层级），否则 reload 或 done 回调后样式丢失。
