小编kab*_*oya的帖子

用“...”替换隐藏的溢出

javscript 中,我创建了一个将文本放入 div 的函数。然而,有时这个文本对于这个 div 来说太长了。所以在css中我将溢出设置为隐藏。

overflow: hidden
Run Code Online (Sandbox Code Playgroud)

我不仅不想显示此溢出,还想将其替换为“...”,以便用户看到信息不完整。

我已经尝试计算字符串的长度,并在几个字符后停止它,但由于我的 div 非常窄,它似乎是一个很好的解决方案。

我怎么能这样做?

编辑:我想要多行,而不是一条

HTML:

<div id="event">This is way too much text for this div, but i want to show it partly</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#event{
   position: fixed; //doensn't have to do anything with the problem
   font-size: 8px; //idem
   width: 50px;
   line-height: 1em;
   overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

假设 div 可以显示此文本:

这个 div 的
文字太多了
,但是

如何在“但是”后添加 3 个点?

javascript css hidden overflow

4
推荐指数
2
解决办法
891
查看次数

标签 统计

css ×1

hidden ×1

javascript ×1

overflow ×1