即使在IE中也没有填充

如果您将以下代码粘贴到test.html中并使用Firefox浏览，那就没关系。但是，如果你用IE浏览器，你可以看到，有更多的空间来<a>元素：即使在IE中也没有填充

<style> 
li { 
    display:inline; 
    margin:0 90px; 
    padding:6px 12px; 
    background:#777777 none repeat scroll 0 0; 
} 



li a { 
    color:#FFFFFF; 
    text-decoration:none; 
    font-weight:bold; 
} 
</style> 


<div id="tabs"> 
    <div class="nav"> 
     <ul> 
      <li><a href="test">test</a></li> 
      <li><a href="test">test</a></li> 
      <li><a href="test">test</a></li> 
      <li><a href="test">test</a></li> 
      <li><a href="test">test</a></li> 
     </ul> 
    </div> 
</div>

编辑权：如何使即使在IE的文本？

来源

2009-06-24 omg

这是什么问题？ – Jason 2009-06-24 19:50:16

使用display：block;如果你想要一个保证金。 – James 2009-06-24 19:52:49

@salietata，我已经更新了我的文章:) 顺便说一句，你看看它在IE中是什么样子？ – omg 2009-06-24 19:54:03

要简单地回答你的问题：把所有li元素在同一行或浮动它们。

来源

2009-06-24 20:18:20

我确实看过你的源代码并为自己尝试过。

在Firefox 3.0.11和Internet Explorer 8中，我显示了非常相同的页面。

我可以说的一件事是，页面看起来不同，因为我的浏览器是在不同的宽度，但不是你有的边缘问题。在我的情况下调整浏览器的工作。

但是你遇到的问题很常见。 Internet Explorer几乎总是显示与通常符合标准的浏览器不同的页面。人们发现解决这个问题的一种方法（这可能很好地解决您的问题）是使用CSS重置表单。

一些好的有：

来源

2009-06-24 20:01:13 Travis

我试过css重置工作表，但没有工作。文本右侧的空间比左侧还多。 – omg 2009-06-24 20:03:44

的问题是浏览器之间的一个不幸的意见分歧，其中CSS盒子模式决定该怎么做填充：

IE减少了div内容的空间当您增加填充时，请保持div大小相同
Firefox使用填充增加div大小，使内容大小保持不变。

来源

2009-06-24 20:01:47

在IE6中测试，它似乎给锚标签添加了额外的空间。复制并粘贴它，你会看到自己。 Firefox不会添加额外的空间。

如果需要，您可以更改IE的页边距。它不是一个完美的解决方案，但它可以帮助你使标签看起来很相似。如果您需要它在所有浏览器中都相同，则可以始终使用图像。不过，试试这个：

li a { 
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold; 
} 

*html li a { 
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold; 
margin-right:-3px; 
} 

*+html li a { 
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold; 
margin-right:-3px; 
}

来源

2009-06-24 20:14:04 Jon

即使在IE中也没有填充

回答

相关问题