仅显示段落的前四行，后跟省略号

Show only first four lines of paragraph followed by ellipsis

本文关键字：四行 省略号 段落 显示      更新时间：2023-09-26

我正在使用HTML段落。我只想最多显示段落的四行，但文本太长了。因此，我只想显示适合的前四行，后跟省略号，而不是整个文本。

在CSS中，我尝试使用word-wrap:break-word;但它只在四行之后换行文本。

例如，我想看到这个（行数会因浏览器而异，但为了论证起见，想象一下只有 4 行）：

Lorem ipsum dolor sit amet， consectetur adipiscing elit.Integer ac justo sodales， cursus turpis eget， lacinia risus.埃涅安鹦鹉螺。Cras dictum ipsum eu dolor ultricies， at dictum diam auctor.In et nulla libero.Integer volutpat ornare justo ut fermentum.Ut non blandit leo， nec convallis diam.Nam congue neque vel turpis mattis scelerisque.Mauris rhoncus quam ac leo pellentesque...

事实上，整个文本会更长。

在同一个元素上使用： 

text-overflow: ellipsis;
我不知道

这可以使用css来完成。但是你可以使用javascript来做到这一点。像这样的东西

我假设您的段落 id 是"para"。

<script>
var para=document.getElementById('para').innerHTML;
var p=para.substr(0,200)+"..."; // chane the 200 to your need
alert(p);
</script>
相关文章：