Layui复选框默认inline-block不换行，需通过CSS控制：容器设display:block、复选框设display:block加margin-bottom实现垂直排列；表格中用top:50%和transform居中；移动端需扩大min-width/min-height和padding以提升点击热区。
layui复选框默认是 inline-block，但不换行
layui 的原生 input[type="checkbox"]（含 lay-skin="primary"）默认渲染为 inline-block 元素，横向排列、不自动换行。如果容器宽度不够，它们会挤成一排甚至溢出，视觉上“堆叠”或“被截断”。这不是 bug，是 layui 为表单紧凑布局做的默认设定。
常见错误是直接给父容器加 flex 或强行改 display: block —— 这会破坏 layui 内部的尺寸计算和点击热区，尤其在表格或 formSelects 中容易导致 checkbox 勾选失效或位置偏移。
- 想让复选框垂直排列：给包裹它的容器加
display: block，再给每个input加display: block; margin-bottom: 6px - 想让复选框居中对齐（如表格单元格内）：用
.layui-table-cell .layui-form-checkbox[lay-skin="primary"] { top: 50%; transform: translateY(-50%); } - 避免用
white-space: nowrap强制不换行——它会让长标签撑破容器，反而更难控制
formSelects 多选标签换行错位怎么调
formSelects 渲染的已选项标签（.formSelects-label）默认是 inline-block，但换行时容易错位、截断或遮挡下拉箭头。核心问题不是 JS，而是 CSS 流式行为没对齐。
- 父容器必须设
overflow: visible，否则换行标签会被裁剪 - 把
.formSelects-input的white-space从nowrap改成normal - 每个
.formSelects-label加margin-right: 6px; margin-bottom: 4px，保证换行后间距一致 - 如果启用了搜索框（
lay-search），同步调整.formSelects-search input的width，别让它撑宽整行
表格里复选框列内容靠左还是居中？
layui 表格的 type: 'checkbox' 列默认左对齐，且不响应 align 配置项。你写 align: 'center' 没用，因为该列内部 DOM 是硬编码生成的 <th></th>
<td></td>，没有文本节点可对齐。
真正起作用的是 CSS 居中逻辑：
- 垂直居中：用
.layui-table-cell .layui-form-checkbox[lay-skin="primary"] { top: 50%; transform: translateY(-50%); } - 水平居中：依赖父
td的 text-align，默认就是text-align: center，不用额外设 - 不要尝试改
.layui-table-cell的padding或line-height来“模拟”居中——这会影响 hover 热区和固定列偏移
移动端复选框点不准、误触怎么办
在 iOS Safari 或安卓 Chrome 上，layui 默认的 checkbox 尺寸偏小（尤其 lay-skin="primary"），手指点击容易连带触发相邻项或弹出键盘。这不是样式问题，是点击区域不足。
- 增大点击热区：给
.layui-form-checkbox[lay-skin="primary"]加min-width: 24px; min-height: 24px;，并用padding: 6px扩展可点击范围 - 禁用缩放干扰：在
meta viewport中确保没开user-scalable=yes，否则 pinch-zoom 会临时缩小 checkbox - 避免在
formSelects标签上叠加font-size: 12px—— 这会让关闭按钮（.formSelects-label-i）变小失灵 - 真要兼容老安卓 WebView，得补一句
-webkit-tap-highlight-color: transparent;，不然点击反馈框会盖住 checkbox
overflow 和 white-space 必须配套改——只动一个，换行依然错位。 
