有没有什么好的方法可以在多行文本溢出在行尾加省略号？

Question

想搞个文章摘要的功能，不过文章的格式不是固定的，字体不是统一大小，用固定高度的话有可能最后一行句只显出字体的上半部分，想问一下有没有什么好办法处理多行文本溢出加省略号，补充一下，多行本文并不是简单的文本，而是比较复杂的内容来的。

<div class="container-fluid">
    <p>...</p>
    <div class="highlight">
        <pre>...</pre>
    </div>
    <h3>...</h3>
    <ol>
        <li>...</li>
        <li>...</li>
    </ol>
</div>

Answer 1

https://segmentfault.com/q/10...

可以参考这个问题，你的需求中字体大小不统一可以使用 4楼的 -webkit-line-clamp 属性来实现。

这个是我在之后帮别人写的一个例子，直接 fork 了他的代码，所以东西有点乱，凑合看吧：
https://jsfiddle.net/imys/asq...

Answer 2

可以参考这里，方法比较全
http://hackingui.com/front-en...