文本超出 ...

文本超出...

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

...放前边

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

多行

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