2016年11月

JS限制文本字数 + CSS限制文字行数

CSS

.txt{
    display: -webkit-box;  /*将对象作为弹性盒子模型显示*/
    overflow: hidden; /**/
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;/*伸缩盒对象的子元素的排列方式-垂直*/
    -webkit-line-clamp:3; /*限制文本的行数*/
}

JS

<script>
    $(document).ready(function(){    
        $(".news").each(function(){
             var maxwidth=100;   
             if($(this).text().length>maxwidth){   
             $(this).text($(this).text().substring(0,maxwidth));    
             $(this).html($(this).html()+"<a href='#'>[详细]</a>");    
        }    
        });   
    });  
</script>