HTML元素內容過長時在后面添加省略標志（兼容IE和FF）——clamp.js

前言

---

 

經常寫移動端頁面，用習慣了CSS解決超出顯示點點點的問題。 

最近一個項目是PC的，需要兼容IE和火狐，此時-webkit-line-clamp: n;就不能滿足了，百度了一下，clamp.js正好滿足。

 

使用方法

---

 

上手很簡單：

• 單行省略

  $clamp(item,{clamp:1})

• 多行省略

  $clamp(item,{clamp:2})

• 根據有效的高度自動省略

  $clamp(item,{clamp:'auto'})

• 基於固定元素高度的省略

  $clamp(item,{clamp:'100px'}

 

使用中遇到的問題

---

 

使用的時候遇到個問題：

Uncaught TypeError: Cannot read property 'webkitLineClamp' of undefined clamp.min.js:11

clamp.js的issues里找到了答案，這里記錄下解決方法：

$('.clampThis').each(function(index, element) { $clamp(element, { clamp: 1, useNativeClamp: false }); });