CSS Zentrierung tricks

Mein Lieblings-Gleichung für die Zentrierung ein xhtml-element mit nur CSS ist wie folgt:

display: block;
position: absolute;
width: _insert width here_;
left: 50%;
margin-left: _insert width divided by two & multiplied by negative one here_

Gibt es auch die einfachere margin:auto-Methode in Browsern, die es unterstützen. Hat jemand knifflige Möglichkeiten, um Kraft anzuzeigenden Inhalt zentriert in seinem container? (bonus-Punkte für die vertikale Zentrierung)

edit - oops, vergessen die 'negative' Teil eines in der margin-left. behoben.

  • Multipliziert man?!
  • Haha... ich bin mit John.
  • Auch, Links ist Breite/2 - wie ist das zentriert? Wenn ich Stimmen übrig, würde ich vote auf margin:auto; es ist das zuverlässigste.
  • warum muss man multiplizieren, indem man an der Unterseite?
  • Hoppla, tut mir Leid, dass. sollten negative. behoben.
  • Oh, und Bis - Sie bewegen es 50% nach rechts, dann wieder 1/2 Breite Links wieder, welche Zentren es. Nachdenken über es für eine Sekunde, und ziehen Sie es aus, Sie werden es bekommen.

InformationsquelleAutor matt lohkamp | 2008-09-29
Schreibe einen Kommentar