Html 元素走出国门'；她自己的背景

这是

但由于某种原因，在jshiddle中，它工作得很好，所以我在我的浏览器（Chrome）中制作了问题的屏幕截图：

链接示例：

 <a href="/tests/24/delete_key?position=10" class="hider" data-method="delete" data-remote="true" id="hide_10" rel="nofollow">x</a>

---

移除

垂直对齐

&添加

行高

还可以尝试使用速记CSS，以最小化代码

#hide_10 {               
 height: 15px;
 width: 54px;
 background-color: #ffc400;
 margin-bottom: 0 0 4px 0;
 display: inline-block;
 text-align: right;
 padding: 0;
 font-size: 12px;
 line-height: normal;
}

---

演示：

我建议您添加一个

行高：正常。这将有望解决您的问题。
在我的chrome中，它似乎与您的小提琴一样工作正常。
行高：正常
？@NathanLee，非常感谢，如果您添加一个答案，我将进行投票。还有哪些CSS会影响此元素？您可以通过右键单击元素并单击Inspect element来签入Chrome DevTools。FWIW：如果明确指定了元素的高度（只要元素不是表的一部分），则元素内容的高度不会影响元素本身的高度。因此，您可能不应该为元素指定
高度。
#hide_10 {               
 height: 15px;
 width: 54px;
 background-color: #ffc400;
 margin-bottom: 0 0 4px 0;
 display: inline-block;
 text-align: right;
 padding: 0;
 font-size: 12px;
 line-height: normal;
}