html - CSS：溢出：隐藏删除边框底部？

Question

我正在制作一个 HTML 页面，并尝试将<a>标签设置为border-bottom.

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

发生在 FF beta 和 Chrome 22 中。

如果我删除overflow:hidden;或将其更改为overflow:visible，它可以工作。问题是我需要那套。

那么我怎样才能有一个边框底部呢？（或者是我:)）

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

谢谢

哈雷

score 12 · Accepted Answer

12

display:inline-block;在链接上似乎可以解决问题。

于 2012-11-05T21:48:47.290 回答

score 6 · Accepted Answer

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

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

或者

使网格元素内联：

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

可能有一百种不同的方法可以真正解决这个问题。

score 1 · Accepted Answer

1

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

于 2012-11-05T21:29:49.043 回答

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

0

就我而言，我必须将其添加到我的元素中： display: table; 宽度：95%；

于 2018-10-15T12:33:55.573 回答

5 回答 5