grmblfx: flexbox-Ausrichtung funktioniert, aber warum?

Beitrag lesen

problematische Seite

Hallo grmblfx,

Flexbox wirkt explizit nur auf die Kindelemente (und nicht auf Kindeskinder).

Danke für die schnelle Antwort, aber ich verstehe es immer noch nicht ganz.

Ich vermute mal, durch

nav li { display: flex; flex: 1; }

bekommen die Listenelemente die Ausdehnung, dass der ganze verfügbare Raum des flexbox-Containers aufgeteilt wird (was man beim hovern sieht).

Aber warum brauche ich das text-align:center? Weil <a> ein inline-Element ist? Ich hatte es zunächst mit

li {
  display: flex;
justify-content: space-around;
}

a {
display: block;
}

versucht, aber da werden die links nicht zentriert.

Gruß Daniel