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

最新推荐文章于 2022-12-05 15:11:07 发布

weixin_30911809

最新推荐文章于 2022-12-05 15:11:07 发布

阅读量310

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huli0828/p/7264644.html

版权

演示页面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

转载于:https://www.cnblogs.com/huli0828/p/7264644.html

weixin_30911809

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
多行文本超出省略--完美兼容IE8+

演示页面HTML代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.1.min.j...
复制链接

扫一扫