CSS多行省略的方法有哪些

.title {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.title {
  width: 100px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
}

.title:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 10px;
  width: 20%;
  height: 20px;
  background: linear-grandient(to right, ....):
}