按钮大小需用 layui 内置尺寸类控制：layui-btn-xs（超小）、layui-btn-sm（小，推荐列表）、layui-btn（默认中等）、layui-btn-lg（大，主操作）；若 layui-btn-lg 无效，需检查表格行高限制或改用内边距调整；多按钮并排推荐用   分隔；文字错位优先排查 font-size 和 line-height 全局覆盖。

按钮太小看不清？用 layui-btn-xs 以外的尺寸类控制大小

默认用 templet 或 toolbar 渲染的按钮，如果不显式指定尺寸类，会走 layui 的默认按钮样式（中等大小）。但很多场景下需要更小或更大——比如移动端要 layui-btn-sm，报表页要 layui-btn-lg。

关键不是改 CSS，而是直接换 layui 内置的尺寸类：

• layui-btn-xs：超小，适合密集操作列（但文字易误点）
• layui-btn-sm：小，平衡可读性与空间占用（推荐多数后台列表）
• layui-btn：默认中等，无后缀即此尺寸
• layui-btn-lg：大，适合主操作按钮（如“导出全部”），慎用于每行

示例模板中写法：

<script type="text/html" id="actionTpl">
  <button class="layui-btn layui-btn-sm" lay-event="edit">编辑
  <button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除
</script>

为什么加了 layui-btn-lg 按钮还是没变大？检查是否被父容器限制高度

常见现象：明明写了 layui-btn-lg，按钮在表格里却撑不开，文字被截断或上下留白异常。根本原因是 layui 表格行高（.layui-table-body td）默认设了固定 height: 40px，而 layui-btn-lg 需要约 46px 才能完整显示。

解决办法只有两个，且必须二选一：

• 改表格行高：在 table.render() 配置中加 cellMinWidth: 120（不影响高度，但常被误试），真正有效的是用 CSS 覆盖：

  .layui-table tbody tr td { height: auto; padding: 5px 10px; }

• 不强行拉高按钮，改用内边距微调：保留 layui-btn，加自定义 class 扩展内边距，例如：

  .btn-tall { padding: 8px 16px !important; }

  然后按钮写 class="layui-btn btn-tall"

多个按钮横向挤在一起？用 layui-btn-container 或手动加空格

表格操作列宽度有限，几个 layui-btn 并排容易换行或重叠。layui 提供了 layui-btn-container 容器类来自动处理间距和换行逻辑，但它默认是块级且带 margin，直接塞进 templet 可能破坏对齐。

更稳妥的做法是手动控制：

layui手机车牌号码键盘代码

layui手机车牌号码键盘代码是一款基于jQuery跟layui制作的手机端车牌号码输入弹出键盘选择，支持新能源汽车车牌输入格式代码。

下载

• 用   分隔（简单粗暴，适合 2–3 个按钮）
• 用 <span style="margin-right: 5px"></span> 包裹每个按钮（可控、无额外样式污染）
• 真要用 layui-btn-container，必须确保模板里只有一层容器，且不嵌套其他 block 元素

推荐写法（兼容性最好）：

<script type="text/html" id="actionTpl">
  <button class="layui-btn layui-btn-sm">编辑 
  <button class="layui-btn layui-btn-danger layui-btn-sm">删除 
  <button class="layui-btn layui-btn-primary layui-btn-sm">详情
</script>

按钮文字被截断或错位？优先检查字体大小和 line-height 是否被全局覆盖

有些项目全局重置了 body 或 table 的 font-size / line-height，导致按钮内文字垂直居中失效，看起来像“上移”或“下掉”。这不是 layui bug，而是 CSS 层叠冲突。

验证方式：临时加一行调试样式：

button.layui-btn { outline: 1px solid red !important; }

如果红色边框包不住文字，说明内部 line-height 或 padding 不匹配。

修复建议（按优先级）：

• 在按钮 class 上强制重置：style="line-height: 1.5; font-size: 12px;"
• 统一表格字体：给 .layui-table 加 font-size: 14px（layui 默认值）
• 避免在 body 或 html 上设置过小的 font-size（如 12px），layui 多数尺寸基于 14px 基准计算

最易忽略的一点：按钮大小不只是视觉问题，它直接影响移动端点击热区和无障碍访问。别为了省几像素把 layui-btn-xs 用在手指操作场景里。