it-swarm.com.de

Wie zentriere ich eine Navigationsleiste mit CSS oder HTML?

Ich habe Schwierigkeiten beim Zentrieren der Navigationsleiste auf dieser Seite .

Ich habe nav { margin: 0 auto; } und ein paar andere Möglichkeiten ausprobiert, kann es aber immer noch nicht zentrieren.

8
tokyowp
#nav ul {
    display: inline-block;
    list-style-type: none;
}

Es sollte funktionieren, ich habe es in Ihrer Site getestet.

enter image description here

20
morgar

Fügen Sie einige CSS hinzu:

div#nav{
  text-align: center;
}
div#nav ul{
  display: inline-block;
}
9
Niclas Sahlin

Wenn Sie <ul> für die Navigation mit der Klasse #nav .__ haben, müssen Sie das <ul>-Element in einen div-Container einfügen. Machen Sie aus Ihrem Div-Container die Breite von 100%. und legen Sie das text-align: -Element so fest, dass es im div-Container zentriert wird. Dann setzen Sie in Ihrem <ul> diese Klasse auf 3 bestimmte Elemente: text-align: center; Position: relativ; und Anzeige: Inline-Block;

das sollte es zentrieren.

2
Brandon

Der beste Weg, das Problem zu beheben Ich habe nach dem Code oder dem Trick gesucht, wie man das Nav-Menü zentriert, und habe die richtigen Lösungen gefunden, die für alle Browser und meine Freunde geeignet sind;

So habe ich gemacht:

body {
    margin: 0;
    padding: 0;
}

div maincontainer {
    margin: 0 auto;
    width: ___px;
    text-align: center;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    margin-left: auto;
    margin-right: auto;
}

und vergessen Sie nicht, doctype html5 einzustellen

0
polas

Sie können auch Float und Inline-Block verwenden, um Ihr Nav wie folgt zu zentrieren:

nav li {
   float: left;
}
nav {
   display: inline-block;
}
0
camara

Ihre navdiv ist tatsächlich richtig zentriert. Die ul im Inneren ist jedoch nicht. Geben Sie der ul eine bestimmte Breite und zentrieren Sie diese ebenfalls.

0
AlbertVo