Vue中当文字超出规定范围时的解决方案（正在更新中......）

1、单选框或复选框中的label内容过长，超出范围

例如

解决办法:

1、直接把字体调小；但是会出现页面中字体不一致的情况，如果统一成小号字体，页面上的字也可能会看不清楚（不推荐使用）

2、在css中写（如果是复选框；单选框的class： el-radio__label）

        .el-checkbox__label {
            text-overflow: ellipsis;
            white-space: normal;
            line-height: 18px;
            vertical-align: middle;
            display: inline-block;
        }

当添加了css后，还可以选择字体大小，此时不会出现超出范围的情况

 2、table表格中的单元格字体过长，超出范围

例如 （暂时无图）

解决办法：

1、可以调整单元格的宽高

2、在css中写

table {
  table-layout: fixed;
}
td {
  word-break: break-all;
  word-wrap: break-word;
}