每当letter-spacing应用于具有下划线或下边框的内容时,下划线似乎超出了右侧的文本.有没有办法阻止下划线超出文本中的最后一个字母?
例如:
<span style="letter-spacing: 1em; border-bottom: 1px solid black;">Test</span>
Run Code Online (Sandbox Code Playgroud)
也许它有可能具有固定的宽度<div>和边框,但这实际上不是围绕每个带下划线的元素的选项.
谢谢!
我试图用一行<a>和下划线加下划线<span>
我希望这一切都是带下划线的链接.它在单词和跨度之间留下了一个小空间,但它不应该.
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" >
<a href="#" role="button">
Saber mais
<span class="glyphicon glyphicon-menu-right size"></span>
<span class="glyphicon glyphicon-menu-right size segundoGlyph "></span>
</a>Run Code Online (Sandbox Code Playgroud)
编辑1:当文本大小高于glyphicon时?图标有一条细线,文字很粗!