将css菜单居中

将css菜单居中,css,menu,center,Css,Menu,Center,我很难把菜单放在正中。 我尝试了文本对齐:居中在和页边距上:自动。 我不确定是否必须浮动任何内容,或更改显示设置 jsiddle:第一种方法:使用文本对齐:居中将容器居中: #导航容器{ 文本对齐:居中; } 现场演示: 第二种方法:为容器指定固定宽度,并使用边距:auto: #导航容器{ 宽度:600px; 保证金:自动; } 现场演示:第一种方法:使用文本对齐:居中将容器居中: #导航容器{ 文本对齐:居中; } 现场演示: 第二种方法:为容器指定固定宽度,并使用边距:au

我很难把菜单放在正中。 我尝试了
文本对齐:居中
页边距上:自动。
我不确定是否必须浮动任何内容,或更改显示设置


jsiddle:

第一种方法:使用
文本对齐:居中将容器居中

#导航容器{
文本对齐:居中;
}
现场演示:




第二种方法:为容器指定固定宽度
,并使用
边距:auto

#导航容器{
宽度:600px;
保证金:自动;
}

现场演示:

第一种方法:使用
文本对齐:居中
将容器居中

#导航容器{
文本对齐:居中;
}
现场演示:




第二种方法:为容器指定固定宽度
,并使用
边距:auto

#导航容器{
宽度:600px;
保证金:自动;
}

现场演示:

边际:只有当你给了容器时,自动才能工作。
边际:只有当你给了容器时,自动才能工作。
我也在研究这个问题。我在这里找到了最好的答案:

我认为这是最好的,因为它是最动态、跨浏览器兼容的答案

至于您的特定锚,您将无法在其上使用display:block

但是,可以在内联定位点的左侧和右侧应用填充,并在内联li的顶部和底部应用填充,以提供所需的间距

#cssmenu ul {
   text-align:center;
}
#cssmenu ul li {
   display: inline;
}

我也在研究这个问题。我在这里找到了最好的答案:

我认为这是最好的,因为它是最动态、跨浏览器兼容的答案

至于您的特定锚,您将无法在其上使用display:block

但是,可以在内联定位点的左侧和右侧应用填充,并在内联li的顶部和底部应用填充,以提供所需的间距

#cssmenu ul {
   text-align:center;
}
#cssmenu ul li {
   display: inline;
}

抱歉,我不经常使用堆栈溢出。如果您不确定网站如何工作,请阅读常见问题解答。抱歉,我不经常使用堆栈溢出。如果您不确定网站如何工作,请阅读常见问题解答。我不知道页边距需要固定宽度:自动工作谢谢我不知道页边距需要固定宽度:自动工作谢谢