Wie zentriere ich ein horizontales Menü mithilfe von CSS-Floats und einem Wrapper?

Zentrieren eines horizontalen

Menü

Herausforderungen

Beim Versuch, ein horizontales Menü mithilfe einer Kombination aus Inline-Block, Block und Zentrierung zentriert auszurichten, blieb das gewünschte Ergebnis unerreichbar.

Vorgeschlagene Lösung aus dem Web

Eine Ressource (http://pmob.co.uk/pob/centred-float.htm) schlägt eine Methode vor, bei der ein Wrapper-Element nach links verschoben und außerhalb des Bildschirms nach links verschoben wird, begleitet von einem inneren Element, das nach rechts verschoben wird.

Fazit

Der bereitgestellte Code zentriert effektiv die

Menü innerhalb des DIV, wodurch die Listenelemente in die Mitte des verfügbaren Platzes verschoben werden. Bei diesem Ansatz geht es jedoch nicht darum, die Listenelemente selbst innerhalb der
-Liste zu zentrieren. Element. Hierfür ist möglicherweise JavaScript erforderlich.

Das obige ist der detaillierte Inhalt vonWie zentriere ich ein horizontales Menü mithilfe von CSS-Floats und einem Wrapper?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!