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 为什么我不能将导航条居中? 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

谁能帮帮我吗。我尝试使用align=“center”,文本align:center;
我尝试了很多其他的方法,但出于某种原因,它没有将导航栏放在我网页的中心。另外,当我试图在导航栏底部显示图像并将其居中时,它不会居中。

如果看不到您的标记,很难说。但可能是因为
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;

}