html5 div限制字数,css或Angular框架限制文本字数

提需求的来了

某一期产品迭代时，新增了一个小功能，即：在单元格中的文本内容，字符超过20个字的时候，需要截断，并显示20个字符+一个省略号，未超过，无视。

这需求看上去不怎么复杂，看起来可以用css做(写css写魔怔了，啥都想往这上面靠拢)，那先搜一下，字还没打完，就有提示“css限制显示字数，文字长度超出部分用省略号表示”，哎哟我c，这下不就简单了吗？

接受挑战

于是按照其他人的解决方案，对单元格样式增加了如下内容：

/* td的上级和同级标签都用element表示 */

element element>td {

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}