小程序开发css设置显示两行,超出部分显示......

 

 

  

    overflow: hidden; //一定要写
    text-overflow: ellipsis; //超出省略号
    display: -webkit-box; //一定要写
    -webkit-line-clamp: 2; //控制行数
    -webkit-box-orient: vertical; //一定要写

 补充:

但只有一行内容时样式会崩,所以要看情况给个高度撑开

  height: 70rpx;

posted @ 2020-09-10 16:31  yoona-lin  阅读(2403)  评论(0编辑  收藏  举报