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