当前位置:主页 > 网页前端 > JavaScript代码 >

解决Layui数据表格中checkbox位置不居中的方法

时间:2021-02-15 10:22:22 | 栏目:JavaScript代码 | 点击:

1、情景

使用方法渲染的方式生成数据表格,添加了checkbox,但发现checkbox位置不居中,如下图所示

2、解决办法

通过layui官方社区,找到如下代码,只需要添加如下样式即可解决

.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
  top: 50%;
  transform: translateY(-50%);
}

您可能感兴趣的文章:

相关文章