每当letter-spacing应用于具有下划线或下边框的内容时,下划线似乎超出了右侧的文本.有没有办法阻止下划线超出文本中的最后一个字母?
例如:
<span style="letter-spacing: 1em; border-bottom: 1px solid black;">Test</span>
Run Code Online (Sandbox Code Playgroud)
也许它有可能具有固定的宽度<div>和边框,但这实际上不是围绕每个带下划线的元素的选项.
谢谢!
我有兴趣制作一个网站,其中 2 个不同大小的 div 元素可以投射阴影,但不会受到另一个阴影的影响。
我尝试在两个元素中放置相同的 z 索引,但最后一个元素的优先级高于第一个元素,并且它的阴影与它重叠。
那么,正如标题所说,如何才能做到呢?
编辑:我已经阅读了两个带阴影的 div 看起来像一个部分。CSS 中可以实现吗?帖子,但这并不能解决我的问题,因为我无法移动阴影任何像素。