javascript - 有没有什么好的方法可以在多行文本溢出在行尾加省略号?
PHP中文网
PHP中文网 2017-04-11 11:44:44
0
1
641

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

<p class="container-fluid">
    <p>...</p>
    <p class="highlight">
        <pre>...</pre>
    </p>
    <h3>...</h3>
    <ol>
        <li>...</li>
        <li>...</li>
    </ol>
</p>
PHP中文网
PHP中文网

认证0级讲师

全部回覆(1)
黄舟

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

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

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板