CSS文本超出省略

一行文本超出省略

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

多行文本超出省略

  .container {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 控制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }