一、业务场景：
详情内容过多时，会使布局错乱，需要保留固定的字数，鼠标划上显示出全部内容

三、具体实现步骤：

          <a-tooltip><template slot="title">{{lastChe}}</template><span class="ellipsis">{{lastChe||'—'}}</span></a-tooltip>

  .ellipsis {word-break:break-all;      white-space:nowrap;       overflow:hidden;          /* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;   /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/width: 140px;display: block;}

四、效果展示：

你已经成功了，撒花。
今天的分享到此结束，欢迎小伙伴们一起交流