Html 文本溢出更改省略号的内容

一位客户向我发送了一种没有定义“…”字符的字体（它只显示一个倒转的“3”）。所以我想做一些类似的事情：

.myclass ul li{
    text-overflow: ellipsis;
    text-overflow-content: '...';
}

你知道我该怎么做吗？

你可以将的值设置为string，比如：

.myclass ul li{
    text-overflow: '...';
}

然而：

• 它有可怕的浏览器支持（仅在Firefox中，可能还有edge中）
• 它是唯一的，所以它很可能被删除/更改

草案甚至说：

注意：

值以及2值语法

“{1,2}”

和功能都存在风险

基本上，不要使用字符串值。 因此，如果溢出不一定是动态的，我就使用类，如果是动态的，我就使用JS

JS解决方案

var p=document.querySelector（“.js溢出”）；
如果（p.scrollWidth>p.offsetWidth）p.classList.add（“有溢出”）；
而（p.scrollWidth>p.offsetWidth）{
p、 innerHTML=p.innerHTML.slice（0，-1）；
}

p{
宽度：200px；
边框：1px实心；
填充物：2px 5px；
/*文本溢出需要以下两项*/
空白：nowrap；
溢出：隐藏；
}
.已溢出：之后{
内容：“…”
}

雅雅，看看我！

不要指定

省略号作为值，只需使用
文本溢出：“…”
（三个句点
）。但是，
文本溢出
值的文本/字符串内容支持有限：