使用display时奇怪的行:inline-block;在<a> tags</a>内

时间:2013-04-25 16:01:13

标签: html css

每当我在div标记内创建display: inline-block; a样式时,我会在底部看到这些奇怪的线条,这些线条根本没有显示出来。只有当我将div放在a标记内时,问题似乎才会重现,而不是相反,但我的div周围有a标记的原因是要将按钮排除在外他们。

这有点难以解释,但我已经成功地重现了这个问题,所以我可以向你展示。

http://jsfiddle.net/bcnobel/6L92C/2/
注意div之间的黑线。

以前有没有人这样做过?
有人知道一个简单(但优雅)的解决方法吗?

2 个答案:

答案 0 :(得分:4)

他们是链接,默认情况下为text-decoration:underline;。在text-decoration:none;代码上设置a,您就可以了。

Updated jsFiddle

答案 1 :(得分:0)

风格

使用此

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