Ο καλύτερος τρόπος για να κεντράρετε ένα στοιχείο <div>
σε μια σελίδα τόσο κάθετα όσο και οριζόντια;
Ξέρω ότι το margin-left: auto; margin-right: auto;
θα κεντράρει οριζόντια, αλλά ποιος είναι ο καλύτερος τρόπος για να το κάνω και κάθετα;
Το [demo μου στο dabblet.com][1]
Το κύριο τέχνασμα σε αυτό το demo είναι ότι στην κανονική ροή των στοιχείων που πηγαίνουν από πάνω προς τα κάτω, οπότε το margin-top: auto
έχει οριστεί στο μηδέν. Ωστόσο, ένα απόλυτα τοποθετημένο στοιχείο ενεργεί το ίδιο για την κατανομή του ελεύθερου χώρου και ομοίως μπορεί να κεντραριστεί κάθετα στο καθορισμένο top
και bottom
(δεν λειτουργεί στον IE7).
div
.