为什么我不能居中导航栏？

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>

任何人都可以请帮助我。我尝试使用align =“center”，text-align：center; 我尝试了很多其他的东西，但由于某种原因，它并没有将我的导航栏放在我的网页中心。另外，当我尝试在导航栏底部显示图像并居中时，图像不居中。为什么我不能居中导航栏？

来源

2017-02-24 Miguel Wightman

你想中心什么元素？ –

没有看到您的标记，很难说。但可能由于float: left在nav a。从nav a中删除，并添加display: inline-block;。

来源

2017-02-24 02:48:58

谢谢！有用！ –

@MiguelWightman真棒不客气。如果你觉得它解决了你的问题，让其他人知道它已经被解决了，那么一定要注意答案，如果它帮助并接受它（答案中的复选标记） –

@MiguelWightman不确定你是否注意到，但是人们仍在回答你的问题，因为你没有接受答案。如果问题得到解决，一定要接受答案，以免人们认为它是开放的，并继续为您提供解决方案。 –

你甚至没有什么定位？

使用属性top: value，left: value，right: value和bottom: value来定位你的导航栏。您可以将这些属性与transform: translate(X, Y)结合使用。

text-align只会对齐文本在一个元素内，如果确实有文本。如果没有任何文字，它什么都不会做。

来源

2017-02-24 04:58:52 Anthony

您需要删除“浮动：左”从“资产净值”和选择下列方式重新编写代码：

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; 

}

来源

2017-02-24 05:22:18 Hanif

为什么我不能居中导航栏？

回答

相关问题