Listenpunkte mit CSS horizontal verteilen

Gast #3258809
Lesenswert?

Hallo,

ich habe eine Klasse "navi" mit einer quasi-festen Breite(width ist 
100%, das Eltern-Element hat jedoch eine feste Breite von 870px).
In diesem Bereich möchte ich nun z.B. 5 Menüpunkte verteilen, so dass 
der Menüpunkt ganz links linksbündig und der Menüpunkt ganz rechts 
rechtsbündig angezeigt wird. Die Menüpunkte dazwischen sollen dann 
gleichmäßig so über die verbleibende Breite verteilt werden, so dass der 
Platz zwischen benachbarten Menüpunkten identisch ist. Die Menüpunkte 
stehen zwar auch schon fest, sind aber je nach Text unterschiedlich lang 
und sollen daher auch nur so breit werden, wie es die jeweilige 
Beschriftung erforderlich macht. Ich werde natürlich darauf achten, dass 
die Menüpunkte vom Platz her vollständig in den Menü-Bereich 
hineinpassen.

Die Liste ist klassisch aus ul und li's aufgebaut und ich kann sowohl 
den ersten Listenpunkt als auch den letzten Listenpunkt via CSS 
formatieren.

Lässt sich so ein Menü(erster Menüpunkt klebt links, die dazwischen 
teilen sich gemäß ihrer Textlänge auf und der letzte Menüpunkt klebt 
rechts) mit Hilfe von CSS überhaupt bewerkstelligen?
Falls ja, wie(ein Beispiel wäre phantastisch)?

Viele Grüße,
Jan

Antwort schreiben

Bitte melde dich an, um einen Beitrag zu schreiben.

oder

Mit Google-Account einloggen

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren