Html 为什么我的导航栏不在中心？

为什么我的导航栏不在中心？我还在main.html文本上尝试了

，但没有效果

#导航ul{
文本对齐：居中；
列表样式类型：无；
}
#李海军{
浮动：左；
}
#导航a：链接，
a:参观了{
左边距：自动；
右边距：自动；
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#FFFFFF；
背景色：#21AEB8；
文本对齐：居中；
填充：4px；
文字装饰：无；
文本转换：大写；
}
#导航a：悬停，
a:主动的{
背景色：#2BC1C；
}

统计应用程序
生物统计学

试试这个

#nav {
    width:100%;
    text-align:center;
}

还是这个

#nav {
    margin:0 auto;
}

根据您的页面布局，一个或两个选项都可以使用

#nav {
    width:100%;
    text-align:center;
}

还是这个

#nav {
    margin:0 auto;
}

---

根据您的页面布局，其中一个或两个都可以工作

您需要删除

float:left

，而将

显示：内联块

用于

#nav li

。您可以将以下CSS添加到样式表中：

#nav {
     text-align: center;
}

#nav li {
     display: inline-block;
}

---

您需要删除

浮点：左

，而将

显示：内联块

用于

#导航李

。您可以将以下CSS添加到样式表中：

#nav {
     text-align: center;
}

#nav li {
     display: inline-block;
}

---

你可以这样做

h1{
文本对齐：居中；
}
#导航ul{
填充：0px；
文本对齐：居中；
列表样式：无；
}
#李海军{
显示：内联块；
}
#导航a：链接，
a:参观了{
左边距：自动；
右边距：自动；
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#FFFFFF；
背景色：#21AEB8；
文本对齐：居中；
填充：4px；
文字装饰：无；
文本转换：大写；
}
#导航a：悬停，
a:主动的{
背景色：#2BC1C；
}

统计应用程序
生物统计学

你可以这样做

h1{
文本对齐：居中；
}
#导航ul{
填充：0px；
文本对齐：居中；
列表样式：无；
}
#李海军{
显示：内联块；
}
#导航a：链接，
a:参观了{
左边距：自动；
右边距：自动；
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#FFFFFF；
背景色：#21AEB8；
文本对齐：居中；
填充：4px；
文字装饰：无；
文本转换：大写；
}
#导航a：悬停，
a:主动的{
背景色：#2BC1C；
}

统计应用程序
生物统计学

浮动元素将不遵循

文本对齐：居中规则

如果你知道链接（LI）的数量，那么你可以给你的UL一个特定的宽度，然后使用
margin:0 auto
以使整个列表居中

在我看来，一个更好的选择是利用
display:inline块而不是
浮动：左在你的李上

然而，这种方法存在一些兼容性问题，但它确实支持IE8及以上版本，这大约占平均站点流量的95%或更多。（取决于你的观众）

要实现这一点，只需更改以下规则

#nav li {   
   float: left;
}

到


有关更多信息。。。
这里是一个链接，指向

这里有一个指向CSS3 Wiki的链接，位于
浮动元素将不遵循
文本对齐：居中规则

如果你知道链接（LI）的数量，那么你可以给你的UL一个特定的宽度，然后使用
margin:0 auto
以使整个列表居中

在我看来，一个更好的选择是利用
display:inline块而不是
浮动：左在你的李上

然而，这种方法存在一些兼容性问题，但它确实支持IE8及以上版本，这大约占平均站点流量的95%或更多。（取决于你的观众）

要实现这一点，只需更改以下规则

#nav li {   
   float: left;
}

到


有关更多信息。。。
这里是一个链接，指向

这里有一个到CSS3 Wiki的链接，您可以使用该链接找到将h1居中的方法：

只需将文本居中
使用
文本对齐：居中

将整个标签居中，首先给出尺寸

margin:auto;
width:200px;

检查此示例：
您可以使用以下方法将h1居中：

只需将文本居中
使用
文本对齐：居中

将整个标签居中，首先给出尺寸

margin:auto;
width:200px;

选中此示例：
您需要在以下内容中将“显示：块”替换为“内联块”：

删除“float:left”并将“display:inline”添加到：

以下是工作：
您需要在以下内容中将“显示：块”替换为“内联块”：

删除“float:left”并将“display:inline”添加到：

以下是工作：
在
#nav ul
中添加
宽度：530px和
边距：0自动然后它将居中。
在
#nav ul
中添加
宽度：530px和
边距：0自动然后它将居中。
仅供参考，
大约在10年前就被弃用了。请在浏览器中使用开发工具，导航到相关div，并通过查看应用于元素的值来查看为什么它没有居中。仅供参考，
大约在10年前就被弃用了。在浏览器中使用开发工具，导航到相关的div，通过查看应用于元素的值来查看它为什么不居中。浮动元素将不遵守此规则。浮动元素将不遵守此规则