Wie zentriert man Körper auf einer Seite?
Ich versuche zu center im body-element auf meiner HTML-Seite.
Grundsätzlich in der CSS habe ich dem body-element zu display: inline-block;
so, dass es nur so breit wie sein Inhalt. Das funktioniert auch. Allerdings margin: 0px auto;
nicht zentriert auf der Seite.
Weiß jemand, wie man dieses Problem beheben? Ich will das große Blaue Quadrat auf der Seite zentriert werden, und nicht schwebend auf der linken Seite, wie es jetzt ist.
Hier ist mein CSS:
body {
display: inline-block;
margin: 0px auto;
text-align: center;
}
Kommentar zu dem Problem - Öffnen
Sollten die anderen Boxen nicht im inneren des Körpers?
Ich würde vorschlagen, nicht Zentralisierung
body
, in der Tat, eine zentriert div
man sollte nie die Mitte des Körpers. werfen Sie einen Blick auf freecsstemplates.com --- Sie werden den Designern verwenden Sie immer divs
InformationsquelleAutor der Frage Ryan Peschel | 2012-06-03
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gelten auch für text-align: center; auf das html-element wie folgt:
Ein besserer Ansatz ist jedoch, um eine innere div-container, die zentralisiert werden, und nicht der Körper.
InformationsquelleAutor der Antwort Madara Uchiha
Dies funktioniert auf den meisten Browsern, einschließlich IE.
InformationsquelleAutor der Antwort Freakishly
Müssen Sie die Breite, die der Körper für ihn center auf der Seite.
Oder setzen Sie den Inhalt in das div-Element und zentrieren Sie es.
InformationsquelleAutor der Antwort SRN
Für diejenigen, die tun wissen, die Breite, die Sie tun könnten, so etwas wie
Ich Stimme auch nicht die Einstellung text-align:center auf den Körper, weil es kann mess up der rest des Codes, und Sie müssen möglicherweise individuell eingestellt werden text-align:left auf eine Menge Dinge, die entweder sofort oder in der Zukunft.
InformationsquelleAutor der Antwort DardanM