设置文字，溢出后隐藏，截断显示省略符

结果：设置文字不换行，溢出后隐藏，截断显示省略符

 .ellipsis {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}

结果：-webkit-line-clamp 可以把块容器中的内容限制为指定的行数为截断显示省略符

.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}