css 文本超出不换行并加省略号（单行文本和多行文本）

单行文本：

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

多行文本：

.text-deal{
  margin:0rpx 0rpx;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;/*第一行不换行*/
  -webkit-box-orient: vertical;
  word-break: break-all; /* 追加这一行代码 */
}

line-clamp：指定第几行不换行，并加省略号。