Html 水平ul菜单在IE中未正确显示-挤压

Html 水平ul菜单在IE中未正确显示-挤压,html,css,internet-explorer-8,Html,Css,Internet Explorer 8,我有一个水平UL菜单的问题,我试图使看到屏幕截图 在Chrome中,它工作得非常好: 在IE-8中,它看起来是这样的: 以下是我的代码: <div class="navbar-top"> <ul class="horizontal-menu"> <li><a href="google"> Google </a> </li> <li>

我有一个水平UL菜单的问题,我试图使看到屏幕截图

在Chrome中,它工作得非常好:

在IE-8中,它看起来是这样的:

以下是我的代码:

<div class="navbar-top">
    <ul class="horizontal-menu">                    
        <li><a href="google"> Google </a> </li>
        <li><a href="google"> Google </a> </li>
        <li><a href="google"> Google </a> </li>
        <li><a href="google"> Google </a> </li>
        <li><a href="google"> Google </a> </li>
    </ul>           

</div>
有线索吗,伙计们

现在真让我困惑:p干杯

尼克

将强制
li
-元素保持在一行中

如果您想用这种方式填充,这应该可以修复意外的换行

* { margin:0; padding: 0 }
可以修复几个浏览器不一致的问题。或者整合一个


要在所有浏览器中居中导航,您可以从
水平菜单中删除宽度,然后将其设置为
显示:内联
,并通过
边距:0自动
将其居中:

.horizontal-menu {
    display: inline;
    margin: 0 auto;
}
说明:
边距:0auto;>>上/下页边距
边距:0自动;>>左/右边缘

将强制
li
-元素保持在一行中

如果您想用这种方式填充,这应该可以修复意外的换行

* { margin:0; padding: 0 }
可以修复几个浏览器不一致的问题。或者整合一个


要在所有浏览器中居中导航,您可以从
水平菜单中删除宽度,然后将其设置为
显示:内联
,并通过
边距:0自动
将其居中:

.horizontal-menu {
    display: inline;
    margin: 0 auto;
}
说明:
边距:0auto;>>上/下页边距

边距:0自动;>>左/右边距。

增加宽度或减少左侧填充,然后检查IE8请查看IE8中的链接工作正常谢谢各位,是否值得粘贴整个页面html以便检查所有大小?我有几个不同的容器,你可以在整个页面中看到不同的固定宽度。啊,只是一个更新。。。我将填充减少到20px,现在它们都排成一行,但我如何将它们也放在导航栏的中心呢?增加宽度或减少左边的填充,然后检查IE8请查看IE8中的链接工作正常谢谢各位,是否值得粘贴整个页面html以便检查所有大小?我有几个不同的容器,你可以在整个页面中看到不同的固定宽度。啊,只是一个更新。。。我将填充减少到20px,现在它们都排成一行,但我如何将它们也放在导航栏的中心呢?非常感谢你的朋友!就像做梦一样工作让我保持我的填充现在它是一个试图在所有的浏览器中以Git为中心的例子Chrome@NicholasChappell修复了它并编辑了我的帖子。如果您有任何问题,请随时提问:)您的a图例,display:inline到底是做什么的?(我知道它可能正是它在tin
ul
上所说的内容-默认情况下,元素是块元素。这意味着,如果您不通过CSS设置宽度,此元素将使用其父元素的全部可用宽度。
display:inline
将其转换为内联元素,因此其宽度将是其在.S中的元素的宽度o我可以像文本一样居中:啊,有道理:)谢谢!现在,以上面的示例为例,使用*{margin:0;padding:0}如何在我的样式中覆盖它,例如导航栏?我想把它们垫到元素的中心,但当我添加填充时,它甚至不会移动!在闭包符号(;)之前的填充行上很重要,但仍然没有运气:(非常感谢你的朋友!工作得像做梦一样让我保持我的填充状态现在是一个试图在所有看起来以Git为中心的浏览器中使Git居中的例子Chrome@NicholasChappell修复了它并编辑了我的帖子。如果你有任何问题,请随时提问:)你的a图例,到底显示什么:内联做什么?(我知道它可能正是它在tin
ul
上所说的内容-默认情况下,元素是块元素。这意味着,如果您不通过CSS设置宽度,此元素将使用其父元素的全部可用宽度。
display:inline
将其转换为内联元素,因此其宽度将是其在.S中的元素的宽度o我可以像文本一样居中:Ahhh有意义:)谢谢!现在用上面的例子*{margin:0;padding:0}我如何在我的样式中覆盖它,例如导航栏?我想将它们向下填充到元素的中心,但当我添加填充时,它甚至不会移动!重要的是在闭包符号(;)之前的填充行上还是没有运气:(