html - IE7 : Nested inline elements are causing parent to act like block

Question

我有一个链接，我用图标和边框设置了样式，看起来像一个按钮。它在除 IE7 之外的所有浏览器中都工作正常。带边框的<a>标签正在扩展以填充其父标签的宽度——它就像一个 block 。如果我删除图标，<b>标记，没关系。

注:两者都是<a>和 <b>有 display: inline-block，Exploder 7 应该支持它，因为它们是自然的内联元素。无论如何，我尝试在我的 ie7 样式表中为他们提供标准修复(缩放:1，显示:内联；)。没有运气。我已经尝试了所有我能想到的缩放、位置和显示组合；我浏览了各种帖子；任何帮助深表感谢!

这是 jsfiddle:http://jsfiddle.net/aF894/

Answer 1

删除 text-index: -9999px; 将使其正常工作。

IE7 的边距有一些奇怪之处，您需要考虑这些问题才能使其像其他浏览器一样在 IE7 中显示。但是，这应该在您拥有的单独样式表中处理。

在其他浏览器中仍然有效。

http://jsfiddle.net/aF894/8/