解决Layui数据表格中checkbox位置不居中的方法
更新时间：2018年08月15日 09:27:25 作者：xcmercy
今天小编就为大家分享一篇解决Layui数据表格中checkbox位置不居中的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
1、情景
使用方法渲染的方式生成数据表格，添加了checkbox，但发现checkbox位置不居中，如下图所示
2、解决办法
通过layui官方社区，找到如下代码，只需要添加如下样式即可解决
.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
top: 50%;
transform: translateY(-50%);
}
以上这篇解决Layui数据表格中checkbox位置不居中的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了JavaScript注册时密码强度校验代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了js实现每日自动换一张图片的方法,涉及javascript操作图片与日期的相关技巧,非常简单实用,需要的朋友可以参考下2015-05-05
JavaScript中数组slice和splice的对比小结
相信对很多学习JavaScript语言的人来说，都会经常搞不清slice和splice这两个方法。它们虽然名称相似，但是功能却完全不同。所以这篇文章就给大家详细整理了关于JavaScript中数组slice和splice的对比，有需要的可以参考学习。2016-09-09
父页面iframe中的第三方子页面跨域交互技术—postMessage实现方法
web网站通过iframe嵌入第三方web页面，父页面和子页面如果需要数据交互，显然违反了同源策略，在HTML5标准引入的window对象下的postMessage方法，可以允许来自不同源的JavaScript脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递...2023-06-06
记录几个javascript有关的小细节...2007-04-04
这篇文章主要介绍了JavaScript中ES6字符串扩展方法的相关资料,非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-08-08
下面小编就为大家带来一篇判断滚动条滑到底部触发事件的实例讲解。具有很好的参考价值。一起跟随小编过来看看吧，希望对大家有所帮助2017-11-11
这篇文章主要介绍了javascript-封装Date日期类的相关资料,需要的朋友可以参考下2017-05-05
这篇文章主要为大家详细介绍了javascript实现日历效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
JS中getElementsByClassName与classList兼容性问题解决方案分析
这篇文章主要介绍了JS中getElementsByClassName与classList兼容性问题解决方案,结合实例形式分析了getElementsByClassName与classList的使用方法、原理及兼容性问题的处理技巧,需要的朋友可以参考下2019-08-08
最新评论