Question

我正在制作HTML页面，并试图将<a>代码设为border-bottom。

无论我做什么，都会不显示。所以我做了一个简化的测试用例，可以在这里看到：

发生在FF beta和Chrome 22.

如果我删除overflow:hidden;或将其更改为overflow:visible，则可以。问题是我需要才能拥有该设置。

那我怎么能有一个边界底？（或者是我:)）

（我不能使用文字下划线，希望它点缀）

由于

哈利

Answer 1

链接上的

display:inline-block;似乎可以解决问题。

Answer 2

在网格的顶部和底部添加1px填充：

.grid{overflow:hidden; padding: 1px 0px;}

OR

使网格元素内联：

.grid{overflow:hidden; display: inline;}

可能有一百种不同的解决方法。

Answer 3

尝试增加行高。例如。将line-height:200%;添加到#test css

Answer 4

就我而言，任何解决方案都不适合我。

我通过在最后一个麻烦的div之后添加空白div来解决问题。

Answer 5

就我而言，我必须将此添加到元素中：显示：表；宽度：95％;