Firefox在文本适合时添加省略号

编程问答 2022-06-03

问题描述

我一直在遵循答案here来确定元素中的文本何时已被css text-overflow:ellipsis选项所截断（我想显示一个切换提示按钮）。使用offsetWidth < scrollWidth确定是否显示省略号时，我在Firefox中遇到问题。 Firefox似乎在截断文本并添加省略号，即使文本合适也是如此！

此示例来自Elm应用，该应用显示了一个用bootstrap4的表格样式的elm-sortable-table 班级

enter image description here

此图显示了表单元格和我所涉及的offsetWidth标记的scrollWidth和<td>属性的相应控制台日志。可以（希望）在底行看到该文本被省略号省略，但是offsetWidth大于scrollWidth。

当我设置text-overflow:clip时，这一点更加清楚：

enter image description here

顶部元素确实溢出，但底部元素在上一示例中均未显示省略号

为了对比，我无法让Chrome显示这种行为：

enter image description here

我不知道如何确定Firefox中是否存在省略号，它只能起作用，有什么建议吗？

Firefox版本：82.0.2（64位）

可以找到此示例的代码here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ellipsiselmfirefox