Textausrichtung: Mitte; funktioniert nicht

8

Ich habe mich mit dem Layout meiner Website herumgeschlagen und mein text-align : center; hat aufgehört zu arbeiten Das passierte, nachdem ich alle meine divs-Position relativiert habe, damit der Eltern-Div die Größe ändert, wenn ich ihr Komponenten mit Javascript hinzufüge.

Hier sind meine beiden CSS-Dateien:

Sie können den neuen Link im JSfiddle-Link sehen.

jsFiddle: Ссылка

Ich gebe auch den Code für die alte Website (die den Text richtig ausrichtet):

Ссылка

das alte HTML ist der neuen Version sehr ähnlich Ich habe gerade das style="float: left;" in einer der divs

    
Xitcod13 02.05.2012, 05:16
quelle

4 Antworten

1

Endlich herausgefunden. Alles, was ich tun musste, ist hinzuzufügen clear:left; zu meinem loginBttn div danach hat alles gut geklappt

Danke, dass Sie versuchen, allen zu helfen

    
Xitcod13 02.05.2012, 20:59
quelle
6

Kurze Antwort: Ihr Text ist nicht zentriert, weil die Elemente floated sind, und floated Elemente "schrumpfen" auf den Inhalt, selbst wenn es ein Block-Level-Element ist.

Können Sie mehr erklären, was das bedeutet?

  

Ich musste alle meine Position auf relativ setzen, um das Eltern-Div zu ändern   Größe, wenn ich Komponenten mit Javascript hinzufügen

    
Graham Conzett 02.05.2012 05:26
quelle
3

Überall, wo Sie float:left; in Ihrem CSS haben, fügen Sie width: 100%; hinzu. Floating wird die von Ihnen gewünschte Ausrichtung im Zentrum zerstören.

Fügen Sie auch text-align: center; zu #login

hinzu     
izolate 02.05.2012 06:28
quelle
-1

versuche das. ich schätze, es könnte dir helfen

%Vor%     
NarayaN 02.05.2012 05:20
quelle

Tags und Links