什么会导致 CSS 文本装饰线（下划线）在 Google Chrome 中出现分裂？
What can cause a CSS text-decoration line (underline) to appear splitted in Google Chrome?
我使用 Windows10 主页和最新 Google Chrome、Mozilla Firefox 和 Microsoft Edge。
我有一个 WordPress 网站，其中站点名称（站点中最上面的文本）只是嵌套在 div.
中的 a
我给了前面提到的 a text-decoration: underline CSS 指令。
我的问题
仅在 Google Chrome 中，当我将鼠标悬停在 a link:
上时，该行出现拆分
3 类 行而不是一长行。
正在复制
在支持的服务器环境中创建一个 WordPress 站点。将语言更改为希伯来语，安装 Elementor 页面构建器插件 + Header Footer Elementor (HFE) 插件，分别创建一个包含 div 和 a 的页眉, 给 a 一些希伯来文文本，link 将其添加到网站域并给它 CSS 指示。
我尝试解决的问题
我基本上什么都没尝试，因为我不知道什么可以帮助解决它。
我的问题
什么可能导致文本装饰线出现分裂？
这是您浏览器的一项功能。
解决此问题的一种方法是使用
text-decoration-skip-ink: none;
或者，如果你觉得它很丑，那么你可以使用 border-bottom
你可以阅读 skip ink here
我使用 Windows10 主页和最新 Google Chrome、Mozilla Firefox 和 Microsoft Edge。
我有一个 WordPress 网站，其中站点名称（站点中最上面的文本）只是嵌套在 div.
a
我给了前面提到的 a text-decoration: underline CSS 指令。
我的问题
仅在 Google Chrome 中，当我将鼠标悬停在 a link:
3 类 行而不是一长行。
正在复制
在支持的服务器环境中创建一个 WordPress 站点。将语言更改为希伯来语，安装 Elementor 页面构建器插件 + Header Footer Elementor (HFE) 插件，分别创建一个包含 div 和 a 的页眉, 给 a 一些希伯来文文本，link 将其添加到网站域并给它 CSS 指示。
我尝试解决的问题
我基本上什么都没尝试，因为我不知道什么可以帮助解决它。
我的问题
什么可能导致文本装饰线出现分裂？
这是您浏览器的一项功能。
解决此问题的一种方法是使用
text-decoration-skip-ink: none;
或者，如果你觉得它很丑，那么你可以使用 border-bottom
你可以阅读 skip ink here