每当我在 a 标签内创建一个带有 display: inline-block; 样式的 div 时，我都会在底部看到这些奇怪的线条，根本没有明显的原因出现。只有当我将 div 放在 a 标签中时，问题似乎才会重现，反之亦然，但我有一个 a 的原因围绕我的 div 的标记是用它们制作按钮。
这有点难以解释，但我做了一个 fiddle 来重现这个问题，所以我可以给你看。
http://jsfiddle.net/bcnobel/6L92C/2/
注意 div 之间的黑线。
有没有人以前也遇到过这个？
有人知道一个简单(但优雅)的解决方法吗？
最佳答案
它们是链接，默认情况下有 text-decoration:underline;。在 a 标签上设置 text-decoration:none; 就可以了。
关于html - 使用显示 : inline-block; inside <a> tags 时出现奇怪的线条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16219550/