Html 为什么我不能将导航条居中? h1{ 文本对齐:居中; 字体系列:“Nosifer”,草书; 字体大小:35px; } 导航{ 边框顶部:5px纯黑; 填充物:5px 5px; 文本对齐:居中; } 导航a:链接,a:已访问{ 边界半径:0 0 15px 15px; 填充:0px 15px; } 导航a{ 浮动:左; 字体大小:粗体; 颜色:#000; 利润率:0.5px; 背景色:#131313; 字体系列:“Nosifer”,草书; 文字装饰:无; 字体大小:20px; 颜色:红色; } 导航a:悬停{ 背景色:#D10000; 颜色:黑色; 填充顶部:12px; 垫底:10px; } .主动{ 背景色:#D10000; 颜色:黑色; 填充顶部:12px; 垫底:10px; } 身体{ 背景色:#ffe6e6; }
谁能帮帮我吗。我尝试使用align=“center”,文本align:center;Html 为什么我不能将导航条居中? h1{ 文本对齐:居中; 字体系列:“Nosifer”,草书; 字体大小:35px; } 导航{ 边框顶部:5px纯黑; 填充物:5px 5px; 文本对齐:居中; } 导航a:链接,a:已访问{ 边界半径:0 0 15px 15px; 填充:0px 15px; } 导航a{ 浮动:左; 字体大小:粗体; 颜色:#000; 利润率:0.5px; 背景色:#131313; 字体系列:“Nosifer”,草书; 文字装饰:无; 字体大小:20px; 颜色:红色; } 导航a:悬停{ 背景色:#D10000; 颜色:黑色; 填充顶部:12px; 垫底:10px; } .主动{ 背景色:#D10000; 颜色:黑色; 填充顶部:12px; 垫底:10px; } 身体{ 背景色:#ffe6e6; },html,css,Html,Css,谁能帮帮我吗。我尝试使用align=“center”,文本align:center; 我尝试了很多其他的方法,但出于某种原因,它没有将导航栏放在我网页的中心。另外,当我试图在导航栏底部显示图像并将其居中时,它不会居中。如果看不到您的标记,很难说。但可能是因为float:left在nava上。将其从nava中删除,并添加显示:内联块您甚至没有定位任何东西 使用属性top:value、left:value、right:value和bottom:value定位导航栏。您可以将这些属性与transfor
我尝试了很多其他的方法,但出于某种原因,它没有将导航栏放在我网页的中心。另外,当我试图在导航栏底部显示图像并将其居中时,它不会居中。如果看不到您的标记,很难说。但可能是因为
float:left
在nava
上。将其从nava
中删除,并添加显示:内联块代码>您甚至没有定位任何东西
使用属性top:value
、left:value
、right:value
和bottom:value
定位导航栏。您可以将这些属性与transform:translate(X,Y)
结合使用
文本对齐
仅在元素内对齐文本,前提是确实存在文本。如果没有任何文本,它将不起任何作用。您需要从“导航a”选择器中删除“float:left”,然后按照以下方式重新编写代码:
h1{
text-align:center;
font-family: 'Nosifer', cursive;
font-size:35px;
}
nav {
border-top: 5px solid black;
padding:5px 5px;
text-align:center;
}
nav a:link,a:visited {
border-radius: 0 0 15px 15px;
padding:0px 15px;
}
nav a {
float: left;
font-weight: bold;
color: #000;
margin: 0 5px;
background-color: #131313;
font-family: 'Nosifer', cursive;
text-decoration: none;
font-size: 20px;
color:red;
}
nav a:hover {
background-color: #D10000;
color: black;
padding-top: 12px;
padding-bottom: 10px;
}
.active{
background-color: #D10000;
color: black;
padding-top: 12px;
padding-bottom: 10px;
}
body{
background-color: #ffe6e6;
}
<nav>
<a href="#" class="active">HOME</a>
<a href="#">COMPUTER PARTS</a>
<a href="#">BUILD A COMPUTER</a>
<a href="#">MEDIA</a>
<a href="#">GO TO MAIN</a>
</nav>
你想集中什么元素?@MiguelWightman真棒,不客气。如果答案对你有帮助,一定要投赞成票,如果你觉得它解决了你的问题,让其他人知道它已经解决了,一定要接受它(答案旁边的复选标记)resolved@MiguelWightman不确定你是否注意到了,但人们仍然在回答你的问题,因为你还没有接受答案。如果问题已经解决,一定要接受答案,这样人们就不会认为它是公开的,来给你答案吧。
nav a {
display: inline-block;
font-weight: bold;
color: #000;
margin: 0 5px;
background-color: #131313;
font-family: 'Nosifer', cursive;
text-decoration: none;
font-size: 20px;
color:red;
}