本文主要是介绍vue el-checkbox 对不齐，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
chess99
- 634
el-checkbox-group折行对不齐的问题
vue.js element-ui
效果如图
代码如下
<el-form-item label=" 日"><el-checkbox-group v-model="formData.date" size="mini" ><el-checkbox style="width:30px;" v-for="item in dateFromTo(1,31)" :label="item" :key="item">{{item}}</el-checkbox></el-checkbox-group><el-button type="primary" size="mini" @click="toggle('date')">全选 / 清空</el-button></el-form-item>阅读 3.2k
评论 更新于 2018-05-09
1 个回答
得票时间
工作细胞
- 11
用这个覆盖底层样式
.el-checkbox+.el-checkbox {
margin-left: 0px;
}
.el-checkbox {
margin-right: 25px;
}
评论 赞赏 2018-09-07
- 日月与卿：
哇 ，好使，感谢老铁
回复 2019-07-25
原文地址：https://segmentfault.com/q/1010000014787988
这篇关于vue el-checkbox 对不齐的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
