QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

layui

layui表头和内容不能对齐问题处理

 admin  2022-06-03 22:52:09

网上查询“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,如若转载,请注明出处:https://www.pweb123.com/frame/layui/842.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换
小程序插件

PHPcms小程序插件

phpcms小程序插件万能接口,支持一键授权登录

Pbootcms小程序插件

Pbootcms小程序插件,支持一键授权登录

迅睿cms小程序插件

xunruicms小程序插件,简单易学,专为小白设计

dedecms小程序插件

不需要php基础,只需要div+css就可,方便简单

添加微信好友

添加微信好友

微信小程序

百度小程序