CSS:

#1 单行加省略号:
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
#2 多行加省略号:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; 


如图所示:


HTML代码:

div class="weui-grid">
    div class="weui-grid__icon">
        img src="图片路径">/img>
    /div>
    div class="weui-grid__label">PHP生成小程序二维码和小程序授权登陆封装类插件</div>
/div>

CSS样式:

.weui-grid__icon image{
    position: relative;
    width: 270rpx;
    height: 180rpx;
}
.weui-grid__label{
    height: 44px;
    color:#009688;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}