设置文本溢出中的点数：省略号； [复制]答案

【问题标题】：Setting the amount of dots in text-overflow: ellipsis; [duplicate]设置文本溢出中的点数：省略号； [复制]
【发布时间】：2021-09-15 11:27:28
【问题描述】：

是否有任何选项可以设置text-overflow: ellipsis 中的特定点数。我想将数字设置为 2 而不是 3。我尝试通过添加伪元素 :after 来设置它，但即使文本适合 div 也会添加点。

实际行为：

预期行为：

我的 CSS 类：

 .truncate-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.truncate-name::after {
    content: "..";
}

【问题讨论】：

省略号是一个实际的字符，定义为三个点，所以不是真的。坦率地说，为什么要为这么琐碎的事情烦恼呢？
唯一的方法是使用:afteranswer中的更多信息
@user3681304 是的，它确实是我想要的！

标签： html css frontend

【解决方案1】：

你很可能不走运@Bartosz，除非你只想定位 Firefox 用户；）请在 SO 上查看这个答案：https://stackoverflow.com/a/10349526/3681304

编辑：“溢出”没有选择器。因此，CSS 中通常没有计算样式的选择器。

【讨论】：