Στο CSS μερικές φορές περιπλέκουμε τη ζωή μας με απλά πράγματα που είναι λιγότερο περίπλοκα από ό, τι νομίζουμε, και ότι όταν βλέπουμε τη λύση σχεδόν γελάμε παρατηρώντας τέτοια ανέκδοτα.
Περισσότερα από ένα άτομο με ρώτησαν πώς να κεντράρω ένα απόλυτα τοποθετημένο div και η απάντηση είναι πολύ απλή:
- Δίνουμε στο div ένα σταθερό πλάτος. Παράδειγμα: 500 εικονοστοιχεία
- Τοποθετούμε απολύτως το div με 50% αριστερά. Παράδειγμα: θέση: απόλυτο, αριστερά: 50%;
- Αφαιρούμε το μισό από αυτό που μετρά με το περιθώριο. Παράδειγμα: margin-left: -250px;
Το αποτέλεσμα είναι ένα τέλεια κεντραρισμένο, απόλυτα τοποθετημένο div.
Σας ευχαριστώ πολύ .. όπως λέτε κάτι τόσο απλό και ότι παρά το πέρασμα του χρόνου εξακολουθεί να είναι ο συγγραφέας πολλών πονοκεφάλων.
Η ανάρτησή σας ήταν πολύ χρήσιμη για μένα, σας ευχαριστώ πολύ.
Ευχαριστώ πολύ !!!
Καλή μου συνεισφορά, ευχαριστώ πολύ
Τι φοβερό τρελό μου με εξυπηρέτησε: Δ
Εξαιρετικά ευχαριστώ…
Πολύ καλό Carlos.
Εξαιρετική πληροφορίες
Σας ευχαριστώ, με εξυπηρέτησε
Με έσωσες!!! Ευχαριστώ :)
Ευχαριστώ θείε, με βοήθησες πολύ !!, η έλλειψη φαντασίας μου.
Ευχαριστώ πολύ !!!!! αυτό το κόλπο με βοηθά πάντα χαχα
ευχαριστώ πολύ, εξαιρετικό φίλο
Αυτό δεν είναι κεντραρισμένο, όλα εξαρτώνται από το αρχικό μέγεθος του βασικού στοιχείου div στο οποίο το κάνουμε να μεγαλώνει ανάλογα με το τι τοποθετείται μέσα του, για μένα ήταν πιο χρήσιμο να το χρησιμοποιήσω από ό, τι οπτικά αν το βλέπω ακόμη πιο κεντρικό και ανταποκρίνεται:
απόλυτος;
αριστερά: 50%;
περιθώριο-αριστερά: -100 εικονοστοιχεία;
αυτό θα ήταν μισό.
Η συνεισφορά εκτιμάται, με βοήθησε πραγματικά, χαιρετισμούς!
Η πολύ καλή συνεισφορά με βοήθησε πολύ, χίλια χάρη!