怎样在溢出隐藏的内容后面再添加几个字呢？

Question

这种功能怎么实现啊？我设置了4行。溢出隐藏后。下面的那几个字【阅读全文】就跑到下一排去了。怎样让这几个字也在上面呢？
如图：

我使用的方法是：

// 文本n行溢出隐藏
@mixin text-ellipsis-multi($n) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: $n;
  -webkit-box-orient: vertical;
}

这样的话。上面的文字就变成了块状了。

Answer 1

没戏。这个效果贼鸡难实现。

但是你看他这个效果，肯定位置不统一，然后再查看一下dom结构。

我猜他是直接统计字符个数，然后js截取。

看上去的确位置不一致，而且长度误差不大，加上标点或者空格的误差还是有戏的