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看起来还不错。

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

Answer 2

我在IE中遇到了同样的问题。我认为这是因为我在这个div中设置了font-size。

我将行高设置为与我的字体大小相匹配，这适用于IE，FF，Chrome，Opera，Safari - 是的！

Answer 3

Helena的解决方案也适用于我，但为了澄清，我必须将周围line-height的{{1}}设置为略大于<div>的字体大小。< / p>

这样的事情：

<a>