el-checkbox-group折行对不齐的问题

Question

效果如图

代码如下

    <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>

Answer 1

用这个覆盖底层样式
.el-checkbox+.el-checkbox {
margin-left: 0px;
}
.el-checkbox {
margin-right: 25px;
}

Answer 2

给一个固定宽度

/deep/ .el-checkbox {
    width: 40px !important;
}