css - Unicode emoji 字母间距问题

我在显示带有表情符号的文本时遇到问题。你可以看到表情符号后面的“测试”与表情符号重叠。为了寻找打破这一点的 CSS，我使用检查器删除了所有内容，但问题仍然可见。

如您在第二张图片中所见，简单本地 HTML 文件中的相同代码呈现良好。我的“本地主机”选项卡是否仍在缓存一些样式，或者是其他地方的问题。

上述问题在我的外接显示器上可见。

如果我将窗口移动到我的 Mac 屏幕，它的呈现方式会有所不同！“本地主机”版本渲染得很好，但本地 HTML 文件版本在表情符号和它后面的文本之间有一个间距。

检查员报告了一些错误，但这不应该影响“localhost”版本中的这个简单代码。这里发生了一些奇怪的事情，我不知道为什么，所以如果有人以前遇到过这个问题并且已经解决了，我会非常感谢你的解释。

标签： csstextemojioverlapping