我有一个链接,我用图标和边框设置了样式,看起来像一个按钮。它在除 IE7 之外的所有浏览器中都工作正常。带边框的<a>
标签正在扩展以填充其父标签的宽度——它就像一个 block 。如果我删除图标,<b>
标记,没关系。
注:两者都是<a>
和 <b>
有 display: inline-block,Exploder 7 应该支持它,因为它们是自然的内联元素。无论如何,我尝试在我的 ie7 样式表中为他们提供标准修复(缩放:1,显示:内联;)。没有运气。
我已经尝试了所有我能想到的缩放、位置和显示组合;我浏览了各种帖子;任何帮助深表感谢!
这是 jsfiddle:http://jsfiddle.net/aF894/
最佳答案
删除 text-index: -9999px;
将使其正常工作。
IE7 的边距有一些奇怪之处,您需要考虑这些问题才能使其像其他浏览器一样在 IE7 中显示。但是,这应该在您拥有的单独样式表中处理。
在其他浏览器中仍然有效。
关于html - IE7 : Nested inline elements are causing parent to act like block,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7651079/