.ellipsis {
  
    /* 设置行高，确保每行之间的间距适当 */
    line-height: 1.5;
    
    /* 设置最大高度为三行的高度 */
    max-height: calc(1.5em * 3);
    
    /* 使用Webkit前缀实现多行文本溢出 */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 控制显示的行数 */
    -webkit-box-orient: vertical;
    /* 隐藏溢出的内容 */
    overflow: hidden;
    /* 当文本溢出时显示省略号 */
    text-overflow: ellipsis;
  }