Html 如何在ul内集中导航?

Html 如何在ul内集中导航?,html,css,Html,Css,我正在尝试将导航置于本页顶部的中心位置: 有人知道需要修复什么吗?我敢肯定我一直忽略了一些愚蠢的事情,但似乎找不到它,哈哈…试试这个: .menu{ margin:0 auto; width: 98%; } 我认为您希望将整个菜单居中,而不是每个菜单的文本居中,因为它已经居中。 这是你想要的吗?希望这能有所帮助。将id=inactive更改为classinactive,使其语义正确。 然后,将所有样式放在css中,而不是内联,因为内联总是覆盖外部css 检查这个,你只需要照顾好树1 CSS 不

我正在尝试将导航置于本页顶部的中心位置:

有人知道需要修复什么吗?我敢肯定我一直忽略了一些愚蠢的事情,但似乎找不到它,哈哈…

试试这个:

.menu{
margin:0 auto;
width: 98%;
}
我认为您希望将整个菜单居中,而不是每个菜单的文本居中,因为它已经居中。 这是你想要的吗?希望这能有所帮助。

将id=inactive更改为classinactive,使其语义正确。 然后,将所有样式放在css中,而不是内联,因为内联总是覆盖外部css

检查这个,你只需要照顾好树1

CSS


不是关于居中。。。您不应该多次指定id=inactive。DOM只会丢弃除第一个之外的所有内容。您可能希望class=inactive.inactive不包含任何样式,但ID应该是唯一的!这就是导致整个UL中心出现问题的原因吗?@user2970202不,不是!只是尝试了一下,但没有效果,但你所说的正是我想要的。这会留下一些空间,所有三件事都不会对齐!我认为您在菜单的HTML标记中做了一些错误的事情,这造成了一些与菜单中心相关的问题。我正在查一些,几分钟后回复你。
.menu{
margin:0 auto;
width: 98%;
}
.menu {
    width:98%;
    margin: 0 auto;
    text-align:center;
    border:1px solid #000;
}
.menu > #treemenu1 {
    width:30%;
    text-align:left;
    margin: 0 auto;
    border:1px solid #CCC;
}