首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何用省略号“.”替换第一超限元件

如何用省略号“.”替换第一超限元件
EN

Stack Overflow用户
提问于 2013-03-31 04:51:13
回答 1查看 273关注 0票数 0

我有一个带有多个<p>标签的div,div是固定的宽度和高度,我只想用“.”替换溢出父文件的文本。

代码语言:javascript
运行
AI代码解释
复制
<div class="container" style="width:200px; height:400px; overflow:hidden;">
   <p class="pText">one one one one one one one one one one one one </p>
   <p class="pText" >two two two two two two two two two two two two </p>
   <p class="pText">three three three three three three three three </p>
   <p class="pText">four four four four four four four four four four </p>
   <p class="pText">five five five five five five five five five five </p>
   <p class="pText">six six six six six six six six six six six six six </p>
</div>

在某个时候,文本溢出父文件,此时我想用“.”替换溢出词。

就像这样:

代码语言:javascript
运行
AI代码解释
复制
___________________________
| one one one one one one |
| two two two two two two |
| two two                 |
| three three three three |
| three three three       |
| four four four four four|
| four                    |
| five five five five ... |
|_________________________|

的东西是文本横向包装只是很好。当它太长的时候,它会被垂直地剪下来,这很好。我需要的是完全删除半可见的行,用“.”替换前面的最后一个单词

我想CSS是不可能的,所以我不介意尝试使用jQuery。

非常感谢你的帮助!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-31 07:00:40

这是我经常使用的解决方案:

纯CSS中的多行省略

还有一个jQuery插件:多多特

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

https://stackoverflow.com/questions/15729527

复制
相关文章

相似问题

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