解決Layui數據表格中checkbox位置不居中的方法
更新時間：2018年08月15日 09:27:25 作者：xcmercy
今天小編就為大家分享一篇解決Layui數據表格中checkbox位置不居中的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1、情景
使用方法渲染的方式生成數據表格，添加了checkbox，但發(fā)現checkbox位置不居中，如下圖所示
2、解決辦法
通過layui官方社區(qū)，找到如下代碼，只需要添加如下樣式即可解決
.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有關的小細節(jié)...2007-04-04
這篇文章主要介紹了JavaScript中ES6字符串擴展方法的相關資料,非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧2016-08-08
下面小編就為大家?guī)硪黄袛酀L動條滑到底部觸發(fā)事件的實例講解。具有很好的參考價值。一起跟隨小編過來看看吧，希望對大家有所幫助2017-11-11
這篇文章主要介紹了javascript-封裝Date日期類的相關資料,需要的朋友可以參考下2017-05-05
這篇文章主要為大家詳細介紹了javascript實現日歷效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
JS中getElementsByClassName與classList兼容性問題解決方案分析
這篇文章主要介紹了JS中getElementsByClassName與classList兼容性問題解決方案,結合實例形式分析了getElementsByClassName與classList的使用方法、原理及兼容性問題的處理技巧,需要的朋友可以參考下2019-08-08