Html 分别在两个字母下面划线

有没有一种方法可以使用非连续下划线？我希望下划线停止并重新启动（并从视觉上看到），在那里我关闭并重新打开了标签

---

W.Raven，“al-Washshaʾ”

u{padding right:2px；}

---

W.Raven，“al-Washshaʾ”

如果您可以使用

span标记

将其包装起来，然后使用

伪选择器

在下面的

边框

之间添加间距，而不是在下面的字符之间添加间距

span{
位置：相对位置；
}
跨度：之前{
内容：“；
宽度：40%；
高度：1px；
背景：黑色；
位置：绝对位置；
左：0；
底部：0；
}
跨度：之后{
内容：“；
宽度：40%；
高度：1px；
背景：黑色；
位置：绝对位置；
右：0；
底部：0；
}

W.Raven，“al-Washshaʾ”

。下划线{
文字装饰：下划线；
左侧填充：2px；
}

---

W.Raven，“al-Washshaʾ”

是的，它应该可以正常工作，并且是有效的标记，面临任何问题吗？下划线停止并重新启动它只是这样工作，如果您希望在

u

tagNice解决方案之间留出一个空间，那么如果每个下划线使用一个跨距，它可能会更灵活。这样，即使每个下划线中的字母不是均匀分割的，它也是可重用的。@DBS是的，这样它不会打断单词，如果有多个跨度，它可以包含类。这很好，但它们现在在技术上不是“下划线”，对吗？如果我需要一个单词，我会使用你的解决方案，但是我的例子中有数千个已经带下划线的单词/字母，我只需要在其中一些单词/字母上分开下划线。@alihaydar当你添加了其中一些单词时，你可以使用类并多次添加与此JSFIDLE相同的样式谢谢！我喜欢这个解决方案，但即使在我将填充改为1px后，字母之间仍然存在明显的间隙。@alihaydar Yep，不幸的是，这个解决方案依赖字母之间的间隙来分隔下划线。我可能会使用frnt的解决方案（），因为它不依赖于字母间隙。我已经以我喜欢的方式修改了他们的解决方案，这样你就可以用

span

替换

u

元素（我不会把它作为答案发布，因为它99%不是我的工作）如果页面上有其他span标记不应该有下划线，我该怎么办？@alihaydar只需在span中添加一个类作为下划线，并将CSS应用于此。更新的fiddle链接：@alihaydar只需将

bottom

css属性更改为

1px

或

2px

，即可将行向上移动（这将根据行高和字体大小而有所不同）