解決多行文本溢出加省略號的兼容性

時間 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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。