首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >只显示段落的前四行和省略号

只显示段落的前四行和省略号
EN

Stack Overflow用户
提问于 2014-04-01 05:25:06
回答 2查看 1.6K关注 0票数 1

我正在使用HTML段落。我只想显示段落最多四行,但文本太长了。所以,我不想显示整个文本,我只想显示前四行适合的内容,后面是省略号。

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

例如,我希望看到这样的结果(不同浏览器的行数会有所不同,但为了论证起见,可以想象只有4行):

Lorem ipsum dolor坐好了,敬请光临。龙舌兰,乌贼,乳果蝇。[医]埃尼安毛霉。在迪亚姆拍卖公司。在明暗的自由中。整型蜗牛是用来发酵的。非白洞狮子座,nec轴向直径。南瓜纳格,陶菲,马蒂斯,西格利斯克。毛里士·朗库斯·里欧·佩伦特.

事实上,整个案文会长得多。

EN

回答 2

Stack Overflow用户

发布于 2014-04-01 05:27:19

在同一元素上使用:

代码语言:javascript
复制
text-overflow: ellipsis;
票数 3
EN

Stack Overflow用户

发布于 2014-04-01 05:56:01

我不知道这可以用css来完成。但是你可以用javascript来做。就像这样

我假设你的段落id是‘分段’。

代码语言:javascript
复制
<script>
var para=document.getElementById('para').innerHTML;
var p=para.substr(0,200)+"..."; // chane the 200 to your need
alert(p);

</script>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22777480

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档