html - 使用 display: inline-block 时出现奇怪的线条；内部 标签

Question

每当我在标签内创建divwithdisplay: inline-block;样式a时，我都会在底部看到这些奇怪的线条，这些线条毫无明显原因地显示出来。问题似乎只有在我将标签div放在a标签内部时才会重现，而不是反之亦然，但我在adiv 周围有标签的原因是用它们制作按钮。

这有点难以解释，但我做了一个小提琴来重现这个问题，所以我可以把它展示给你。

有没有人以前也有过这种情况？
有人知道一个简单（但优雅）的解决方法吗？

score 4 · Accepted Answer

它们是链接，默认情况下具有text-decoration:underline;. 设置标签，你会没事的text-decoration:none;。a

score 0 · Accepted Answer

0

在风格上使用这个

 <a href="r#" style="text-decoration: none">

于 2013-04-25T16:05:52.020 回答

html - 使用 display: inline-block 时出现奇怪的线条；内部标签