解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法

更新時間：2018年08月15日 09:27:25 作者：xcmercy

今天小編就為大家分享一篇解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

1、情景

使用方法渲染的方式生成數(shù)據(jù)表格，添加了checkbox，但發(fā)現(xiàn)checkbox位置不居中，如下圖所示

2、解決辦法

通過layui官方社區(qū)，找到如下代碼，只需要添加如下樣式即可解決

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

以上這篇解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript注冊時密碼強(qiáng)度校驗代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript注冊時密碼強(qiáng)度校驗代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
js實(shí)現(xiàn)每日自動換一張圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)每日自動換一張圖片的方法,涉及javascript操作圖片與日期的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下
2015-05-05
JavaScript中數(shù)組slice和splice的對比小結(jié)
相信對很多學(xué)習(xí)JavaScript語言的人來說，都會經(jīng)常搞不清slice和splice這兩個方法。它們雖然名稱相似，但是功能卻完全不同。所以這篇文章就給大家詳細(xì)整理了關(guān)于JavaScript中數(shù)組slice和splice的對比，有需要的可以參考學(xué)習(xí)。
2016-09-09
父頁面iframe中的第三方子頁面跨域交互技術(shù)—postMessage實(shí)現(xiàn)方法
web網(wǎng)站通過iframe嵌入第三方web頁面，父頁面和子頁面如果需要數(shù)據(jù)交互，顯然違反了同源策略，在HTML5標(biāo)準(zhǔn)引入的window對象下的postMessage方法，可以允許來自不同源的JavaScript腳本采用異步方式進(jìn)行有限的通信，可以實(shí)現(xiàn)跨文本檔、多窗口、跨域消息傳遞...
2023-06-06
記錄幾個javascript有關(guān)的小細(xì)節(jié)
記錄幾個javascript有關(guān)的小細(xì)節(jié)...
2007-04-04
JavaScript中ES6字符串?dāng)U展方法
這篇文章主要介紹了JavaScript中ES6字符串?dāng)U展方法的相關(guān)資料,非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
2016-08-08
判斷滾動條滑到底部觸發(fā)事件(實(shí)例講解)
下面小編就為大家?guī)硪黄袛酀L動條滑到底部觸發(fā)事件的實(shí)例講解。具有很好的參考價值。一起跟隨小編過來看看吧，希望對大家有所幫助
2017-11-11
javascript 封裝Date日期類實(shí)例詳解
這篇文章主要介紹了javascript-封裝Date日期類的相關(guān)資料,需要的朋友可以參考下
2017-05-05
javascript實(shí)現(xiàn)日歷效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)日歷效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-06-06
JS中g(shù)etElementsByClassName與classList兼容性問題解決方案分析
這篇文章主要介紹了JS中g(shù)etElementsByClassName與classList兼容性問題解決方案,結(jié)合實(shí)例形式分析了getElementsByClassName與classList的使用方法、原理及兼容性問題的處理技巧,需要的朋友可以參考下
2019-08-08