分别为两个字母加下划线

Question

有没有办法让非连续下划线？我希望下划线停止并重新启动（并在视觉上看到我关闭的地方）并重新打开标签..

W. Raven, “al-Wa<u>sh</u><u>sh</u>aʾ”

Answer 1

最简单的选择是设置下划线样式，使其右侧有少量填充。

＆＃13;

＆＃13;

u { padding-right: 2px; }

＆＃13;

W. Raven, “al-Wa<u>sh</u><u>sh</u>aʾ”

＆＃13;

＆＃13;

＆＃13;

或者，如果你想要更聪明，只将它应用于两个连续的下划线。这会找到任何直接跟随另一个的下划线，并向其添加填充。

＆＃13;

＆＃13;

u + u{ 
  padding-left: 2px;
}

＆＃13;

W. Raven, “al-Wa<u>sh</u><u>sh</u>aʾ”

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果您可以使用span tag对其进行换行，然后使用pseudo selector在borders下方而不是between characters之间添加间距，如下所示

＆＃13;

＆＃13;

span{
  position:relative;
}
span:before{
  content:"";
  width:40%;
  height:1px;
  background:black;
  position:absolute;
  left:0;
  bottom:0;
}
span:after{
  content:"";
  width:40%;
  height:1px;
  background:black;
  position:absolute;
  right:0;
  bottom:0;
}

＆＃13;

W. Raven, “al-Wa<span>shsh</span>aʾ”

＆＃13;

＆＃13;

＆＃13;

Answer 3

＆＃13;

＆＃13;

.underline {
  text-decoration:underline;
  padding-left:2px;
  }

＆＃13;

W. Raven, “al-Wa<span class="underline">sh</span><span class="underline">sh</span>aʾ”

＆＃13;

＆＃13;

＆＃13;