Wie Raum heraus Links über die Navigationsleiste, Treehouse Gemeinschaft

Zurück ◈ Weiter

Ich habe vier Links in der Navigationsleiste und sie werden über die Navigationsleiste im Abstand, wenn durch kleine Bildschirmgröße (für mobile) sehen aber mit Desktop-Anzeige, scheinen sie in der Mitte zentriert und nicht über die Bar verteilt.

Gibt es eine Möglichkeit, dass die Links:

in einer Linie bleiben über die Navigationsleiste für alle Bildschirmgröße 2.spread.

Screenshots: für Desktop

Hallo Jimmy Mannan,

Die tl; dr Version ist, dass ein übergeordnetes Element in eine Flex-Box mit Display vorgenommen werden: flex und es ist direkt Kinder flex Artikel sein. Ohne zu sehen, den gesamten Code das ist nur Theorie, und Sie werden experimentieren müssen. Das erste, was ich versuchen würde, ist dies:

Hier ist ein CSS-Tricks Artikel auf Flexbox, die ich oft verweisen.

Dies ist nicht der einzige Weg, um Zentrierung Inhalts zu gehen - es ist nur mein Lieblings-Weg. Bitte lassen Sie mich wissen, ob das hilft oder nicht.

Jimmy Mannan

Dank einer Tonne Robert. Haben Sie, was ich zu plus viele weitere Tricks wollte.

Ich wünsche ihnen einen wunderbaren Tag!

Ayoub AIT IKEN

Hallo. versuchen Sie Ihr Navigationsleiste auf der rechten Seite und Ihr Logo auf der linken Seite zu schweben, während beide Seiten zu löschen.

Ayoub AIT IKEN

Jimmy Mannan

Dank Ayoub für Ihre Antwort. Ich habe Screenshots jetzt hinzugefügt mich besser zu erklären. Ich denke, meine Frage war nicht sehr klar.

Die Navigationsleiste ist für die gesamte Breite des Bildschirms zu bleiben, und ich möchte, dass die Links zu, um sich auszubreiten, anstatt Clustering in der Mitte, wie sie für den Desktop Größe sind.

Zurück ◈ Weiter