使用el-checkbox-group时，el-checkbox后面的文本或者div不显示使用el-checkbox-g

使用el-checkbox-group时，el-checkbox后面的文本或者div不显示

起初setScore类所在的div死活不显示，各种添加样式都不生效，强制渲染也没用，最后发现是font-size等于0，添加样式后ok了

<el-form-item prop="titleType" style="float:right;">
  <el-checkbox-group v-model="query.titleType" @change="changeBox">
    <el-checkbox label="1" name="type">
      设置总分
    </el-checkbox>
    <div class="setScore">
      <span v-if="query.titleType.includes('1')">（
        <el-input v-model="totalOne" />
        分）
      </span>
    </div>
 </el-checkbox-group>
</el-form-item>

添加如下

.setScore {
  display: inline-block;
  font-size: 14px;
}

父元素样式覆盖导致内容隐藏

现象： el-checkbox 后的文本或嵌套 div 内容因父元素的样式问题（如 font-size: 0 ）被隐藏。
解决：

检查父元素（如 el-checkbox-group 或外层容器）的 font-size ，确保不为 0 。若父元素设置了 font-size: 0 （可能用于消除内联元素间隙），需为子元素显式设置字体大小：

.custom-checkbox-group {
  font-size: 14px; /* 覆盖父级 font-size: 0 */
}

若嵌套的 div 内容不显示，确保其 display 属性合理（如 inline-block ）