Element UI Checkbox Label 超出显示省略号（...）

如果 el-checkbox 的 label 文本内容过长，可以使用 CSS 的 text-overflow 属性来实现超出显示三个点。

1. 首先给 el-checkbox 的 label 容器设置一个固定的宽度，例如 200px。这可以通过给 el-checkbox 添加一个 class 来实现。

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

2. 接下来，在 CSS 中定义 .checkbox 和 .label 的样式，并使用 text-overflow 属性来实现超出显示三个点。

.checkbox {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.label {
  display: inline-block;
}

这样，当 label 文本内容超出 200px 的宽度时，会显示为'这是一个很长...' 的形式。