align text-Center mit CSS

ich habe Frage die Seite mit div # Container zum Zentrum bezogen Typischerweise wird der Container Code ist wie folgt:align text-Center mit CSS

div#container 
{ 
margin-left: auto; 
margin-right: auto; 
width: 50em; 
}

Der Behälter div-Tag den Teil des Codes wickeln, dass ich möchte zentrieren in ihm ausrichten.

Zum Beispiel haben wir 2 Objekt A und Objekt B _object Eine Position Absolute _object B ist Position relativ

Sowohl Objekt A und B innerhalb des Behälters gewickelt sind

Problem: Es werden nur Objekt B (Position relativ) ist align center Das Objekt A (absolute Position) ist nicht zentriert

Also, wie zentriert man die Dinge, die bereits als absolut positioniert sind? Vielen Dank für jede Erklärung

Quelle

2009-06-15 Nguyen Quoc Hung

Können Sie Beispiel-HTML von dem, was Sie beschreiben, mit Objekt A und Objekt B senden – tschaible

Kann das in FF3 beschriebene Problem nicht wiederholen. Beide innere div sind zentriert. – billyswong

zentriert ein absolut positioniertes Element irgendwie den ganzen Zweck, es auf absolut zu setzen. Wenn Sie es in einem Element mit fester Breite haben, legen Sie einfach den Rand links fest (50% - Elementbreite). – peirix

Versuchen Sie Einstellung Position: relativ auf dem #container div. Position: absolute wird ansonsten absolut auf dem Fenster nicht das div sein.

Quelle

2009-06-15 11:02:08

Verwenden Sie oben: 50% und Rand oben: -xxx (wobei -xxx gleich der Hälfte der definierten Höhe in Pixel ist), um absolut positionierten Inhalt vertikal zu zentrieren.

Verwenden Sie links: 50% und Rand links: -xxx (wobei -xxx gleich der Hälfte der definierten Breite in Pixeln ist), um absolut positionierten Inhalt horizontal zu zentrieren.

Quelle

2012-06-20 18:39:05

Antwort

Verwandte Themen