EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Ορισμός ως προεπιλεγμένη γλώσσα
PF ερωτήσεις - Φόρουμ

Πώς να το κέντρο οριζόντια μια εικόνα, με την απόλυτη τοποθέτηση, μέσα σε ένα div

CSS προγραμματισμού
 
Πώς να το κέντρο οριζόντια μια εικόνα, με την απόλυτη τοποθέτηση, μέσα σε ένα div

Η ιδέα είναι να εστίαση μέσα σε ένα DIV, μια εικόνα με απόλυτη τοποθέτηση { θέση: απόλυτη; }. Για να γίνει αυτό, πρώτα από όλα είναι αντιστοιχίσετε, για το tag div που περιέχει την εικόνα, μια τοποθέτηση σχετική, εμποδίζοντας έτσι την απόλυτη τοποθέτηση της εικόνας είναι για το γονικό κοντέινερ στοιχείο που έχει σχετική τοποθέτηση επόμενη, ή ελλείψει, να το σώμα.

Υποθέτοντας ότι έχουμε τον ακόλουθο κώδικα με ένα div και την εικόνα της ίδιας:

Το στυλ που εφαρμόζεται για το κοντέινερ και η εικόνα είναι ως εξής:

Για να δείτε το αποτέλεσμα με μερικά από παράδειγμα, Θα τροποποιήσετε ο κώδικας HTML αντιστοιχίζοντας μια άκρη και ένα μέγεθος να το div, καθώς επίσης και προσθέτοντας ένα διαδρομή και ένα μέγεθος στην εικόνα. Θα δούμε κάτι σαν αυτό:

και, στη συνέχεια, το αποτέλεσμα:

 

Ενταχθούν στο κανάλι της Τηλεγράφημα

Αφήστε μας ένα σχόλιο ή enter για να τοΦόρουμ
Μοιραστείτε το Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Σχετικά άρθρα

Ετικέτες:

Αφήνω μια απάντηση