小程序的省略号

单行文本

text{

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

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

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

}

多行文本
text{

    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    font-size: 32rpx;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;

}

 注意:如果你的是行内样式的话,可能你省略号会出不来哦!!

posted @ 2017-11-01 16:27  珺L  阅读(1293)  评论(0编辑  收藏  举报