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

时间:2014-04-01 05:25:06

标签: javascript html css

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

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

例如,我希望看到这一点(浏览器的行数会有所不同,但想象一下,只有4个这样的论点):

  

Lorem ipsum dolor坐下来,精神上的精神。整数ac justo sodales,cursus turpis eget,lacinia risus。 Aenean pretium eleifend mollis。 Cict dictum ipsum eu dolor ultricies,在dictum diam auctor。在et nulla libero。整数volutpat ornare justo ut fermentum。 Ut非blandit leo,nec convallis diam。 Nam congue neque vel turpis mattis scelerisque。 Mauris rhoncus quam ac leo pellentesque ...

实际上整篇文章会更长。

2 个答案:

答案 0 :(得分:3)

在同一元素上使用:

text-overflow: ellipsis;

答案 1 :(得分:1)

我不知道这可以用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>