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