解决多行文本溢出加省略号的兼容性

时间 2020-01-25

标签解决行文溢出省略号兼容性繁體版

原文原文链接

本身开发的一款jQuery插件，为了解决多行结尾处添加省略号的兼容性问题。javascript

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

例子java

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

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

而后使用该插件。git

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

clamp (Number). 这个参数决定须要显示的行数。github