网上查询“layui表头和内容不能对齐”问题搜到的竟然都是说多了个逗号的问题，并且都是互相抄袭，甚至还有人说是多了两个逗号，真是好奇葩，
一般会有以下情况造成无法对齐（自己总结的可能不全）
1、表格内容不多的情况
当内容不多的时候或者表格列比较少的时候，layui默认的最大单元格宽度是400px，这时候就会出现无法对齐的情况。此时只需要去掉最大宽度限制即可
.layui-card .layui-card-body .layui-table td { max-width: 100%;}
2、设置的宽度总和不足100%的情况
这种情况比较好处理，但是还有一种情况就是，总宽度减去其他设置宽度的总和剩下的宽度仍然超出400px的情况，这种情况也会造成无法对齐，
3、逗号问题，因为layui的作者喜欢把逗号写前面，所以需要我们自己注意一下
4、内容太多出现滚动条的情况，这时候我们可以试着处理一下，单元格的左右间距
th.layui-table-patch{padding: 0 !important;}
同理行高也有限制的，最大不能超出80px
其他更多情况欢迎反馈
layui表头和内容不能对齐问题处理
admin
2022-06-03 22:52:09
￥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏，我们将继续分享更多优质内容，让我们一起创建更加美好的网络世界！
支付宝扫一扫打赏
微信扫一扫打赏
本文《layui表头和内容不能对齐问题处理》发布于石头博客文章，作者：admin，如若转载，请注明出处：https://www.pweb123.com/frame/layui/842.html，否则禁止转载，谢谢配合!
阅读排行
小程序插件
站长推荐
-
百度小程序审核被拒原因--汇总各种奇葩原因
- 487
-
-
-
重新对百度支付进行编写封装（百度智能小程序支付）
- 372
-
-
-
phpcms小程序插件api接口升级到4.3
- 814
-
-
phpcms封装的微信h5支付源码DEMO参考
- 756
-
添加微信好友
文章点评