Wenn du a als Blockelement darstellen lässt, ist das für deinen Fall sogar die einfachere Methode:
nav > ul > li > a { display: block; text-align: center; }
Führt dazu, dass alles innerhalb von a zentriert wird. Da der Link keine weiteren Kinder hat, an die er etwas vererben könnte, betrifft es auch nur die erste Ebene. ;-)
Alles klar.
Jetzt würde mich noch interessieren ob man auch header fixieren kann, die Flexboxen enthalten?
In meinem Fall habe ich
<header>
<nav>
<ul>
<li>
</li>
...
</ul>
</nav>
</header>
Mit CSS habe ich ul als Flexbox festgelegt.
nav ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
Wenn ich nun "header" mit
header {
position: fixed;
}
festlege, müßte es eigentlich nur den header betreffen und nicht den Inhalt? Leider schmeißt es mir die ganze Formatierung der Navigationsleiste durcheinander. Gibt es die Möglichkeit Container zu fixieren die Flexboxen enthalten?
Der link hier:
LG
Franz