多行文本超出省略--完美兼容IE8+

演示页面HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        
        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="js/jquery.ellipsis.js"></script>
        
        <style>
            .box{
                width: 500px;
                background: #CCCCCC;
                line-height: 1.6;
                font-size: 14px;
            }
        </style>
        
        <script>
            $(function(){
                $(".box").ellipsis({
                    row:4
                })
            })
        </script>
        
    </head>
    <body>
        
        <div class="box">
            2017款奥迪 RS3 Limousine 由新上市的A3发展而来，因此新款A3 以及S3的新设计有诸多共同点，如新头灯、新一代家族式进气格栅，银色的格栅包围以及下方醒目的quattro标识拥有了更强的战斗气息。新车还配备了运动型侧裙、后扰流板，三厢版RS3同样短小精悍，不过遗憾的是此次与S3一样，还是没有两厢车型。尾部排气是RS车型惯用的大尺寸圆形排气管，采用双边共双出的布局，虽然没有用双排四出，但是大尺寸排气依然非常震撼。
        </div>
    </body>
</html>

 

演示效果

 

下载地址

GitHub下载地址：https://github.com/STAR-ZERO/jquery-ellipsis/blob/master/src/jquery.ellipsis.js

 

posted @ 2017-08-01 15:26  狐狸狐狸  阅读(1210)  评论(0)    收藏  举报