IE7中缺少顶部和底部边框

Question

我在IE7中遇到边框问题。 由于某些原因，边框仅从左侧和右侧显示：

IE7，渲染错误：

FF，正确呈现：

使用此CSS：

.tags a {
  background:#fff;
  border:1px solid #D8DFEA;
  padding:5px;
  margin-left:5px;
  color:#3B5998;
  font-size:14px;
}

我究竟做错了什么？

Answer 1

.tags容器的高度很可能会限制边框。 .tags a的css本身看起来.tags a 。

请注意，由于<a>是内联元素，因此无法设置其高度（除非将其设置为display:block ）。 高度差异很可能是由不同的浏览器呈现不同的字体引起的。 还请注意Safari，它比其他所有浏览器都更容易呈现字体（占用更多像素）。

Answer 2

我只是在IE中遇到了同样的问题。 我认为这是我在此div中设置字体大小引起的。

我将行高设置为与我的字体大小匹配，并且可以在IE，FF，Chrome，Opera，Safari中使用-是的！

Answer 3

Helena的解决方案也对我有用，但是要澄清一下，我必须将周围的<div>的line-height设置为稍大于<a>的字体大小。

所以像这样：

<div style="line-height:40px">
    <a style="font: 14px/36px Arial; ....">
</div>