搜索

首页  >  问答  >  正文

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

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

1

2

3

4

5

6

7

8

9

10

11

<code><p class="container-fluid">

    <p>...</p>

    <p class="highlight">

        <pre>...</pre>

    </p>

    <h3>...</h3>

    <ol>

        <li>...</li>

        <li>...</li>

    </ol>

</p></code>

PHP中文网PHP中文网2913 天前698

全部回复(1)我来回复

  • 黄舟

    黄舟2017-04-11 11:46:44

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

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

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

    回复
    0
  • 取消回复