Css Can';t将ul集中在一个分区内。尝试了很多事情

Css Can';t将ul集中在一个分区内。尝试了很多事情,css,Css,顶部的导航栏包含宽度:100%高度:50px,并固定在顶部 然而,内部的UL标签始终保持其自身定位在左侧。它应该居中 我尝试了很多事情,比如制作一个二级div并给它margin:0auto,给 UL边距:0自动,使左%30和右%30,浮动:中间等 我错过什么了吗?我无法将其定位到中心的原因是什么?您需要一个div来包装ul,并将其边距设置为“0px自动”,就像您尝试使用ul一样 <div style="width:600px; margin:0px auto;"> <

顶部的导航栏包含
宽度:100%高度:50px
,并固定在顶部

然而,内部的UL标签始终保持其自身定位在左侧。它应该居中

我尝试了很多事情,比如制作一个二级div并给它
margin:0auto
,给
UL
边距:0自动
,使
左%30
右%30
浮动:中间


我错过什么了吗?我无法将其定位到中心的原因是什么?

您需要一个div来包装ul,并将其边距设置为“0px自动”,就像您尝试使用ul一样

<div style="width:600px; margin:0px auto;">
     <ul>...</ul>
</div>

在“#导航列表”中将文本对齐:左改为文本对齐:居中


在“#navlist ul”上添加属性display:inline块

您需要设置导航栏的大小和宽度,以便它可以居中

#menu-main-nav {
    width: 990px;
}

用固定的宽度和浮动来做那个div。左或右。 然后在里面。。制造UL,具有余量属性:0自动

div {
    width:200px;
    height:auto;
    float:left;
}

ul {
    margin:0 auto;
}

我很幸运地在UL中找到了以下风格:

<style>
#container {text-align:center;}
#container ul {display:inline;}
#container ul li {display:inline;list-style-type:none;}
</style>

#容器{文本对齐:居中;}
#容器ul{显示:内联;}
#容器ul li{显示:内联;列表样式类型:无;}

一般来说,我必须避开显示:内联块,因为我们仍然为不承认“内联块”的旧IE浏览器开发。

您能创建一个新的浏览器并在问题中发布代码吗?这样,当你修复你的站点时,这个问题对未来的用户仍然有价值。(请注意,您可以编辑您的问题以添加详细信息。)考虑过这一点,但来源相当长。您阅读过我评论中的链接吗?它解释了如何创建一个简短的示例。就像我说的,如果没有办法根据你的问题重现问题,那么这个问题对将来的任何人都没有用处(这就是问题的重点)。非常感谢!但是我想问,为什么不使用诸如边距和内联块之类的东西呢?您可能完全可以从#navlist中删除text align属性,并且它可以与UL上的显示:内联块和自动边距一起工作。请投票表决我的答案,并在你有能力的时候接受它。谢谢:)