说明

实现下图效果：

要设置按钮充满整个宽度，需要修改样式

html：

<el-checkbox-group v-model="font.biuGroup">
  <el-checkbox-button label="b">
      <b>B</b>
  </el-checkbox-button>
  <el-checkbox-button label="i" >
      <i><b>I</b></i>
  </el-checkbox-button>
  <el-checkbox-button label="u" >
      <u><b>U</b></u>
  </el-checkbox-button>
</el-checkbox-group>

css：

/* 设置每个按钮宽度33% */
#font_biu .el-checkbox-button {
  width: 33%;
}
/* 目的是充满上面33%的宽度 */
#font_biu /deep/ .el-checkbox-button__inner {
  width: 100%;
}

这里需要用到深度选择器，详见：

https://www.malaoshi.top/show_1IX8TQ0htAyX.html

原文出处：/show_1IX8TUfiCXGA.html