如何在表的列中添加省略號

Question

我正在嘗試在列中添加省略號。我正在使用帶有角度js的離子框架。我正在列中顯示數據。但是當數據超過2或兩行時，它應該顯示“ ...”或省略號。我在Google上找到了這個解決方案

一兩行后的CSS單詞省略號（'...'）

但它不起作用，我找到了另一種解決方案http://codepen.io/martinwolf/pen/qlFdp。它對我也不起作用

這是我的代碼

http://plnkr.co/edit/BILpSThKHWZpKBqYIoQz?p=預覽

.columnClass {

  margin: 0 auto;

  line-height: $line-height;
  -webkit-line-clamp: 2
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

關於此的任何更新

Answer 1

您可以嘗試以下解決方案：

https://github.com/josephschmitt/Clamp.js

它增加了對非Webkit瀏覽器的兼容性。 希望您能解決問題。 使用：

$clamp(myHeader, {clamp: 3}); // 3 lines
$clamp(myParagraph, {clamp: "25px"}); // 25 pixels

祝好運 ：）