js设置多行显示省略号;多行省略号插件
1、下载lineEllipsis.js文件。直接访问 https://github.com/lianglijie/lineEllipsis 进行lineEllipsis.js的下载。
2、新建一个html代码页面创建一个<div>标签，同时给这个<div>添加一些文本和id 属性。
3、引入下载好的lineEllipsis.js文件。在<body>结束标签前面使用<script>引入lineEllipsis.js文件。
4、创建多行显示省略号。在引入的lineEllipsis.js的标签后面新建一个<script>标签，然后使用 $lineEl造婷用痃lipsis() 设置多行显示省略号（案例中设置的3行显示省略号）代码：$lineEllipsis({ id:"line", rows:3 })
5、保存html代码后使用浏览器打开，即可看到在第三行文字的后面显示省略号。
6、所有代码。可以直接复制所有代码，然后修改lineEllipsis.js文件路径保存后使用浏览器打开即可看到效果。所有代码：<!DOCTYPE 茑霁酌绡html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="line"> 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！尔来四万八千岁， 不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。地崩山摧壮士死，然后天梯石栈相钩连。 上有六龙回日之高标，下有冲波逆折之回川。黄鹤之飞尚不得过，猿猱欲度愁攀援。 青泥何盘盘，百步九折萦岩峦。扪参历井仰胁息，以手抚膺坐长叹。 问君西游何时还？畏途巉岩不可攀。但见悲鸟号古木，雄飞雌从绕林间。 又闻子规啼夜月，愁空山。蜀道之难，难于上青天，使人听此凋朱颜！连峰去天不盈尺， 枯松倒挂倚绝壁。飞湍瀑流争喧豗，砯崖转石万壑雷。其险也如此，嗟尔远道之人胡为乎来哉！ 剑阁峥嵘而崔嵬，一夫当关，万夫莫开。所守或匪亲，化为狼与豺。朝避猛虎，夕避长蛇； 磨牙吮血，杀人如麻。锦城虽云乐，不如早还家。蜀道之难，难于上青天，侧身西望长咨嗟！ </div> <script type="text/javascript" src="js/lineEllipsis.js" > </script> <script> $lineEllipsis({ id:"line", rows:3 }) </script> </body></html>
