单行情况

.example{
    overflow:hidden; //超出一行文字自动隐藏

    text-overflow:ellipsis;//文字隐藏后添加省略号

    white-space:nowrap; //强制不换行
}

多行情况

 display: -webkit-box;
 word-break: break-all;
 text-overflow: ellipsis;
 font-size: 28rpx;//自适应字体
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:2;//设置 需要显示的行数