Element UI Checkbox Label 超出显示省略号 - 完整指南

要实现 el-checkbox 的 label 超出显示三个点，可以使用 CSS 的文本溢出和省略号属性来实现。

首先，给 el-checkbox 的 label 添加一个固定宽度的样式。例如：

<el-checkbox>
  <span class='label'>这是一个很长的label文本</span>
</el-checkbox>

然后，在 CSS 中添加以下样式：

.label {
  display: inline-block;
  width: 100px; /* 根据实际情况设置宽度 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

这样，当 label 的文本超出宽度时，就会显示三个点来表示溢出的部分。你可以根据实际情况调整宽度和其他样式。