文本框不居中

-1

文本不居中，更靠右。文本框不居中

我能做些什麼來解決它？

來源

2014-09-29 Joey

'ul.navbar li {text-align：center;}'？ – 2014-09-29 13:09:35

http://jsfiddle.net/20mv1ufj/2/檢查我的小提琴 – 2014-09-29 13:13:22

在我看來模糊的問題。你應該提供你當前問題的截圖代碼示例，所以我們可以看到完整的圖片。 – corgrath 2016-02-27 21:24:50

使用此：

text-align: center;

這將圍繞在導航欄中的文本。

來源

2014-09-29 13:10:40

與margin-left: 20%;你會離開中心。（所以刪除這個）然後，在ul中的列表項目與Matthew T. Baker在評論中建議的內容相同：ul.navbar li {text-align:center;}

來源

2014-09-29 13:12:34 starvator

所以我只是做了你的建議，但它沒有居中文本，它只是將導航欄移動到最左邊，文本仍然在右邊：/！ – Joey 2014-09-29 13:17:11

請看這個html代碼。我認爲你的文本居中，但導航欄位於右側。下面的代碼將把你的導航欄放在中心位置。如果我理解正確。我已經在google chorme上測試過了。它工作正常。希望它能幫助你。

<html> 
    <head> 
    <style> 
    .navbar { 
    margin-left: auto; 
    margin-right: auto; 
    width: 70%; 

} 

ul.navbar li 
     { 
      list-style-type: none; 
      float:left; 
     } 

a:link,a:visited 
      { 
       display:block; 
       font-weight:bold; 
       color:#C0C0C0; 
       padding: 1.5em; 
       text-decoration:none; 
       text-transform:uppercase; 
      } 

a:hover,a:active 
      { 
       background-color: #000066; 
      } 
    </style> 

<body> 
       <ul class="navbar"> 
       <li><a href=「index.html」>Home</a></li> 
       <li><a href=「company.html」>Company</a></li> 
       <li><a href=「services.html」>Services</a></li> 
       <li><a href=「solutions.html」>Solutions</a></li> 
       <li><a href=「projects.html」>Projects</a></li> 
       <li><a href=「affiliations.html」>Affiliations</a></li>  
       <li><a href=「contact.html」>Contact</a></li> 
      </ul> 
      </body> 
      </html>

來源

2014-09-29 13:19:36 Programmer

我想你需要在這裏是一個DEMO

* { 
    margin:0; 
    padding:0; 
} 
ul.navbar 
     { 
      margin-left:0; 
      margin-right:0; 
      float: left; 
      border: 2px solid #000066; 
      overflow: hidden; 
     } 

ul.navbar li 
     { 
      list-style-type: none; 
      float:left; 
     } 

a:link,a:visited 
      { 
       display:block; 
       font-weight:bold; 
       color:#C0C0C0; 
       padding: 1.5em; 
       text-decoration:none; 
       text-transform:uppercase; 
      } 

a:hover,a:active 
      { 
       background-color: #000066; 
      }

來源

2014-09-29 13:29:51

所有你需要做的就是添加：

ul.navbar { 
    padding: 0; 
} 

ul.navbar li { 
    text-align: center; 
}

希望這有助於！

來源

2014-09-29 13:36:40 Xareyo

非常感謝！這工作完美！啊，我現在很高興，再次感謝！ – Joey 2014-09-29 16:22:17

文本框不居中

回答

相關問題