layui分页栏高度不可直接配置，需通过CSS覆盖子元素的line-height、height和padding等属性来调整，注意选择器权重、DOM结构及表格场景下的对齐兼容性。
layui分页栏高度不能直接配置，得靠 CSS 覆盖
layui 的 laypage 组件本身不提供 height、line-height 或类似布局参数，分页栏高度完全由内置样式决定（默认约 36px）。想调高或压矮，只能手动覆盖 CSS，但必须注意选择器权重和时机。
- 别用
.layui-laypage粗暴设 height —— 它是外层容器，设了会破坏内部按钮排版 - 真正起作用的是
.layui-laypage .layui-laypage-count、.layui-laypage .layui-laypage-btn这些子元素的line-height和padding - 如果改了
line-height但文字没垂直居中，大概率是父级height没同步，或被flex容器的align-items干扰 - 移动端需额外处理：.layui-laypage .layui-laypage-limits select 默认高度不一致，得单独加
height和padding
自定义高度时容易错的三处 DOM 结构
分页栏渲染后 DOM 层级固定，但很多人在没看清结构前就写 CSS，结果无效：
-
.layui-laypage是最外层包裹，里面是.layui-laypage-count、.layui-laypage-prev、.layui-laypage-page等并列节点，不是嵌套关系 -
.layui-laypage-page里每个页码是a标签，不是span；改a的line-height才生效，只改父级没用 - 下拉选择器实际是
.layui-laypage-limits内一个select+i.layui-icon，两者高度要匹配，否则箭头偏位
安全修改高度的 CSS 写法示例
以下样式可直接贴进项目 CSS，兼容 Layui 2.8+，不破坏响应式：
.layui-laypage {
padding: 8px 0;
}
.layui-laypage .layui-laypage-count,
.layui-laypage .layui-laypage-btn,
.layui-laypage .layui-laypage-page a {
line-height: 32px;
height: 32px;
padding: 0 12px;
}
.layui-laypage .layui-laypage-limits select {
height: 32px;
line-height: 32px;
padding: 0 10px;
}
注意：line-height 和 height 必须严格相等，否则文字上下浮动；padding 用来控制按钮宽度，别只调 width——Layui 内部用 inline-block 布局，宽高不匹配会换行。
表格内部分页栏高度不一致？别碰 line-height
当 layTable 启用内置分页（page: true）时，分页栏和表头/工具栏常出现高度错位。这不是分页本身的问题，而是表格整体用了 display: flex 对齐，而分页栏子元素默认是 inline-block。
- 硬调
line-height会导致工具栏按钮文字偏移，因为工具栏用的是.layui-table-tool下的button，其基线对齐逻辑不同 - 正确做法：统一用
padding+display: flex; align-items: center;包裹整个分页区域（如.layui-table-page） - 如果已用
table.render，可在done回调里动态加 class：$('.layui-table-page').addClass('fixed-height')，再配对应 CSS
最易被忽略的一点：表格容器若设了 height（比如 400），而分页栏高度变了，但 .layui-table-box 的 padding-bottom 没同步调整，会导致底部留白或遮挡——这个值默认是 40px，改高分页后得手动重设。
