处理多行文本溢出加省略号的兼容性

2024年5月29日 90次阅读 来源: jesseNam

本身开辟的一款jQuery插件，为了处理多行结尾处增加省略号的兼容性问题。

GitHub: https://github.com/jesseNam/iClamp.js

怎样运用这个插件？

<head>
  <script src="jquery.js" type="text/javascript"></script>
  <script src="iclamp.js" type="text/javascript"></script>
</head>

例子

为须要增加省略号的元素增加一个类名 clamp-ellipsis：

<div class="container">
  <p class="clamp-ellipsis">Lorem Ipsum is simply dummy text.</p>
</div>

然后运用该插件。

$(document).ready(function() {
  var $container = $('.container');
  $container.clamp({clamp: 4});
});

参数

clamp (Number). 这个参数决议须要显现的行数。

    原文作者：jesseNam
    原文地址: https://segmentfault.com/a/1190000008461332
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞