在截断文本的末尾添加省略号 [重复]

Posted 2023-05-07

【中文标题】在截断文本的末尾添加省略号 [重复]

【英文标题】：Adding ellipsis in the end of truncated text [duplicate]

【发布时间】：2016-05-27 10:57:52

【问题描述】：

我有一个文本需要以某个定义的长度截断（比如 14），我想在截断文本的末尾添加一个省略号。

示例输出：

这里有一些文字...

这可以在 CSS 中完成吗？

【问题讨论】：

在问这个问题之前你在谷歌上搜索过吗？

找到了！我在这篇帖子***.com/questions/1199352/…找到了我的答案。

没有 @JohnRoca ，这个任务最好用 css 来完成，不是 javascript！。 ***.com/questions/17779293/…

@mixin ellipsisMe overflow: hidden; text-overflow: ellipsis; white-space: nowrap; .selector @include ellipsisMe;

【参考方案1】：

Css 不知道字符数。它只知道盒子模型。在一个项目中，我曾使用 css 处理省略号，但这是最糟糕的主意。 要获得更好的方法，请使用 javacript。

【讨论】：

在现实世界中，情况恰恰相反。最好为此目的使用 CSS，而不是计算字符串的字符（每个字符的大小/重量都不同）

@Tahir 谢谢你的回答。但我一直在寻找 CSS 解决方案。

@MarcosPérezGude 我同意你的想法，即使用 CSS 比使用 JS 在截断的字符串上添加省略号更好。

对于使用 css 方法，您无法计算字符数

@TahirShahzad 我无法计算字符数是的。但是容器有自己的宽度，所以我认为计算字符就足够了。无论如何。我的问题得到了回答。谢谢你的回答。