Layui table 表头与内容行垂直对齐不一致，因 th 默认 middle、td 默认 top；需用 CSS 统一设为 vertical-align: middle，并兼顾 templet 内容、动态高度、简约皮肤及移动端适配。
layui table 表头和内容行文字垂直对齐不一致
默认情况下，layui 的 table.render() 会把表头（th）设为 vertical-align: middle，而内容单元格（td）默认是 vertical-align: top，这就导致文字看起来“一高一低”，尤其在多行文本或带图标/按钮的列里特别明显。
根本原因不是配置项缺失，而是 Layui 内置样式没统一这两者的对齐方式。解决它不靠 JS 参数，得靠 CSS 覆盖。
- 直接在页面
<head>或全局样式中加：
.layui-table th, .layui-table td {
vertical-align: middle !important;
}
- 如果只想影响某一张表，给
table.render()的elem传一个带 class 的容器，比如<div id="demo" class="my-table"></div>，然后写：
.my-table .layui-table th,
.my-table .layui-table td {
vertical-align: middle;
}
- 避免用
!important的话，确保你的 CSS 文件在 Layui CSS 之后加载；否则权重不够，覆盖失败
使用 templet 自定义列时文字错位更严重
一旦用了 templet 渲染复杂内容（比如带 <span>、<button> 或换行 <br>），默认的 top 对齐会让整个单元格视觉重心上飘，和表头完全脱节。
这时候光改 td 的 vertical-align 还不够——内部元素可能有 margin/padding/line-height 不一致。
- 在
templet返回的 HTML 中，给最外层容器加内联样式：style="display: flex; align-items: center; height: 100%;" - 或者统一设置该列所有单元格的
line-height，例如line-height: 36px（和行高匹配） - 慎用
padding-top手动调位置——后续换皮肤或改行高时极易崩坏
表格高度自适应（height: 'full-xx'）下对齐失效
当启用 height: 'full-100' 或其他动态高度时，Layui 会把 tbody 包进一个固定高度的 .layui-table-box 并开启滚动，此时 td 的 vertical-align: middle 在非等高单元格里可能不生效（浏览器渲染限制）。
- 优先检查是否所有列都设置了
minWidth，避免某列过窄导致内容折行、高度突变 - 若仍有部分行没居中，给
td加box-sizing: border-box和明确height（如height: 42px），再配vertical-align: middle - 不要依赖
table-layout: fixed强制布局——Layui 内部会重写该属性，容易冲突
移动端（lay-skin="nob"）下文字贴顶问题
启用了简约皮肤后，Layui 移除了部分默认 padding，td 内容会紧贴顶部，而 th 因为还有默认内边距，看起来更“下沉”。
- 必须同时重置两者的
padding，例如：
.layui-table[lay-skin="nob"] th,
.layui-table[lay-skin="nob"] td {
padding: 8px 12px;
vertical-align: middle;
}
- 注意：移动端小屏下，
font-size缩小可能导致行高塌陷，建议配合line-height: 1.5使用 - 真机调试时，iOS Safari 对
vertical-align的解析比 Chrome 更严格，务必实测
padding、line-height 和 height 这三个属性——少一个，就可能在某个分辨率或数据内容下悄悄错位。 
