Ausrichten von Navigations-Leiste in der Mitte der Seite
Dies ist mein CSS-code für eine navigation bar:
ul {
overflow:hidden;
margin: 0;
padding: 0;
align: center
list-style-type: none;
}
li {
float: left}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
Derzeit, die bar ist Links ausgerichtet, und ich möchte es in der Mitte. Kann mir bitte jemand erklären, wie dies zu tun? Was muss ich eingeben, wenn ich die Eingabe einer zusätzlichen Zeile code, und wo würde es sein?
Dies ist der code aus Teil meines HTML-mark-up:
<body>
<ul>
<li><a href=csshomepage.html>Home</a></li>
<li><a href="#images">Images</a></li>
<li><a href="#links">Links</a></li>
</ul>
InformationsquelleAutor Jasmine078 | 2013-10-09
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Anzeige der
li
inline und der Anker alsinline-block
.Überprüfen Sie die demo
Zentrum der
ul
zu können, sollte man eine eine width oder max-width dannKönnen Sie dies tun:
margin: 0 auto;
ermöglicht es zentriert werden, so lange wie Sie haben einewidth
.JSFIDDLE
GEIGE
Setzen Sie diesen zu Ihrem Menü.css (wenn Ihr die navigation würde als Sie Menüleiste)
Dieser enthält die .css-codes, die Sie benötigen für eine zentrierte navigation