提需求的来了
某一期产品迭代时,新增了一个小功能,即:在单元格中的文本内容,字符超过20个字的时候,需要截断,并显示20个字符+一个省略号,未超过,无视。
这需求看上去不怎么复杂,看起来可以用css做(写css写魔怔了,啥都想往这上面靠拢),那先搜一下,字还没打完,就有提示“css限制显示字数,文字长度超出部分用省略号表示”,哎哟我c,这下不就简单了吗?
接受挑战
于是按照其他人的解决方案,对单元格样式增加了如下内容:
/* td的上级和同级标签都用表示 */
>td {
: ;
text-: ;
: --box;
--line-clamp: 2;
--box-: ;