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

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

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

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

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

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

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

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

 

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

Αφήστε μας ένα σχόλιο ή enter για να τοΦόρουμ
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page

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

Ετικέτες:

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