jquery 限制字符+css限制字符 超出省略号_限制字符

jquery限制字符
html

<div class="textlist">
    限制字符限制字符限制字符限制字符限制字符
</div>

jquery

//限制字符个数
$(".textlist").each(function(){
    //限制字符个数
    var maxwidth=23;
    if($(this).text().length>maxwidth){
        $(this).text($(this).text().substring(0,maxwidth));
        $(this).html($(this).html()+'…');
    }
});

css限制字符
html

<div class="xianzhi">
    限制字符限制字符限制字符限制字符限制字符限制字符限制
</div>

css

.xianzhi{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*这里是几就显示几行*/
    overflow: hidden;
}