layui表格文字居中需用高权重CSS选择器如.my-table .layui-table td,.my-table .layui-table th{text-align:center!important}，或列配置align:'center'（v2.8+支持title.align）。
layui table 文字居中对齐的 CSS 类写法
直接加 text-align: center 不生效，是因为 layui 表格单元格（td、th）默认有内联样式或高优先级规则覆盖。必须用足够权重的选择器强制覆盖。
最稳妥的做法是给表格容器加自定义 class，再通过后代选择器控制：
.my-table .layui-table td,
.my-table .layui-table th {
text-align: center !important;
}
然后在 table 标签上加 class="my-table"。不推荐全局改 .layui-table td，容易影响其他表格。
列配置项 align 参数的正确用法
Layui 的 cols 配置里支持 align，但只对当前列生效，且仅作用于内容区（td），表头（th）需额外处理。
-
align: 'center'是合法值，等价于text-align: center - 只对数据列有效，表头文字仍靠左，除非同时设
title的align（Layui v2.8+ 支持） - 若列用了
templet，模板内部文字需自行加style="text-align:center"或用 class 控制
示例配置：
{
field: 'name',
title: '姓名',
align: 'center',
width: 120
}
表头文字居中被忽略的常见原因
即使设置了列的 align: 'center'，表头仍左对齐，通常因为：
- Layui 版本低于 2.8，
title不支持align属性 - 表头用了
toolbar或自定义title模板，绕过了默认渲染逻辑 - CSS 优先级冲突，比如用了
!important的其他样式强行覆盖了表头对齐
解决办法：统一用前面提到的 .my-table .layui-table th 规则，或升级到 Layui v2.8+ 后，在 title 对象里加 align: 'center'。
移动端适配时文字居中错位
在小屏幕下表格横向滚动，部分列居中后出现视觉偏移，本质是 Layui 表格固定表头 + 滚动时的重绘机制导致的渲染不同步。
- 避免对
th和td分别设不同padding值，保持一致（如都用padding: 9px 15px） - 不要用
width设死列宽，改用minWidth配合flex: 1更稳定 - 如果用了
fixed: true列，该列的align必须显式声明，否则可能继承默认左对齐
这类问题往往只在真机或模拟器缩放下暴露，开发时建议连设备调试。
真正麻烦的是混合了 templet、toolbar、fixed 和响应式宽度的场景——这时候光靠一个 align 参数或一行 CSS 很难全覆盖，得逐层检查渲染后的 DOM 结构，看最终生效的是哪个样式规则。
