Question

我正在尝试在列中添加省略号。我正在使用具有角度js的离子框架。我在列中显示数据。但是当数据超过2或2行时，它应显示＆＃34; ...＆＃ 34;或省略号。我谷歌找到了这个解决方案

CSS word ellipsis ('...') after one or two lines

但它不起作用我找到了另一个解决方案 http://codepen.io/martinwolf/pen/qlFdp。也不适合我

这是我的代码

http://plnkr.co/edit/BILpSThKHWZpKBqYIoQz?p=preview

.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

祝你好运：）

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

1 个答案: