关于css单行、多行文本溢出展示 ...

单行文本溢出...

div{
  width: 200px;
  background-color: hotpink;
  padding: 5px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

 多行文本溢出...

div {
      width: 200px;
      background-color: hotpink;
      padding: 5px 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical; 
    }