gpt4 book ai didi

html - 带有双 f 的跨度,chrome 中的奇怪性能

转载 作者:行者123 更新时间:2023-12-04 04:02:46 26 4
gpt4 key购买 nike

为什么突出显示在“ort”而不是“fort”上?当有两个 f 时,情况似乎就是这样。当我将 f 替换为其他字母(例如 d)时,它可以正常显示。所以这可能是 Chrome 中的错误?

chrome 版本为 chrome83。add: 好像跟字体有关。

enter image description here

body {
font-size: 30px;
}

.highlight-font {
color: green;
}
<div>
<span>ef</span><span class="highlight-font">fort</span>
</div>

最佳答案

我认为这是基于 Chromium 的浏览器错误(我看到了同样的错误,Opera 69)。它在 Firefox 等上运行良好。
如果您现在需要一些修补程序,您可以使用一些不可见的字符。
我用过 ,效果很好。

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
font-size: 30px;
}

.highlight-font {
color: green;
}
</style>

<body>
<div>
<span>ef</span>&zwnj;<span class="highlight-font">fort</span>
</div>
</body>
</html>

关于html - 带有双 f 的跨度,chrome 中的奇怪性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62834020/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com