首页 > 解决方案 > Firefox 在 ::after 元素中截断文本

问题描述

我有几个::after带有文本的元素。Firefox 正在切断一些字母 - 但不是在一行中(见图)。我想找出错误,但是当我打开开发人员工具时,文本会正确呈现。我不明白这个。在 safari 和 chrome 中一切都很好......

失踪: 失踪

不缺: 不缺

这是后元素 CSS 代码:

font-size: 15px;
hyphens: none;
padding: 10px;
display: inline-block;
line-height: 1.3em;

标签: htmlcssfirefox

解决方案


我发现了错误。这是字体系列中的错误,而不是 Firefox 中的问题。对我来说奇怪的事情:打开开发人员工具后,它似乎再次渲染或加载,因此文本正确显示。


推荐阅读