实现控制显示几行,点击展开展开所有内容-移动端

.series-name {

/*display: flex;*/

/*flex-wrap: wrap;*/

  margin-top:0.1rem;

  overflow:hidden;

  text-overflow:ellipsis;

  /*display: -webkit-box;*/

/*-webkit-line-clamp: 2;*/

/*-webkit-box-orient: vertical;*/

  max-height:0.87rem;    // 展示的行的高

}

.expand-detail {

/*-webkit-line-clamp: 2000;*/

  max-height:1000vh; // 全部展示

}

核心思想,max-height

你可能感兴趣的:(实现控制显示几行,点击展开展开所有内容-移动端)