Ich habe diesen css-Code hier
%Vor% Was ich versuche zu tun, ist meine Klassennavigation zu zentrieren. Ich habe versucht, text-align:center; und vertical-align:middle; zu verwenden, aber keiner von beiden hat funktioniert.
und hier ist der HTML-Code
%Vor%Wenn ich sage, es funktioniert nicht, ich meine der Text ist nach links ausgerichtet.
Ändern Sie die Regel für Ihr <a> -Element von:
bis
%Vor% Fügen Sie einfach zwei neue Regeln hinzu ( width:100%; und text-align:center; ). Sie müssen den Anker erweitern, um die volle Breite des Listenelements zu übernehmen, und dann die Textausrichtung zentrieren.
Ich versuche, schwebende Elemente zu vermeiden, es sei denn, das Design benötigt sie wirklich. Weil Sie <li> floated haben, sind sie außerhalb des normalen Flusses .
Wenn Sie .navigation { text-align:center; } hinzufügen und .navigation li { float: left; } zu .navigation li { display: inline-block; } ändern, wird die gesamte Navigation zentriert.
Eine Einschränkung dieses Ansatzes ist, dass display: inline-block; in IE6 nicht unterstützt wird und eine Problemumgehung benötigt, damit es in IE7 funktioniert.
Tags und Links css text-alignment text-align