CSS之单行超出现实三个点｜多行超出现实三个点

// 多行 需要设置宽高
.order-statistic-batch-card__goods--name {
  width: 145px;
  height: 50px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; // 行数需设置
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
// 单行 需要设置宽度
.order-statistic-batch-card__goods--attr {
  margin-top: 10px;
  width: 145px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}