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