Καλώς ήρθατε στην ευθυγράμμιση εικόνων! Ο καλύτερος τρόπος για να καταδείξετε την άμπωτη και τη ροή των διαφόρων επιλογών τοποθέτησης εικόνων είναι να τις τοποθετήσετε αγκαλιά σε έναν ωκεανό λέξεων. Πάρτε ένα κουπί και ας ξεκινήσουμε.
Όσον αφορά το θέμα της ευθυγράμμισης, πρέπει να σημειωθεί ότι οι χρήστες μπορούν να επιλέξουν μεταξύ των εξής επιλογών Κανένα, Αριστερά, Σωστά, και Κέντρο. Επιπλέον, έχουν επίσης τις εξής επιλογές Μικρογραφία, Μεσαίο, Μεγάλο & Fullsize.
Η παραπάνω εικόνα τυχαίνει να είναι κεντραρισμένο.
Το υπόλοιπο αυτής της παραγράφου είναι συμπλήρωμα για να δούμε το κείμενο να τυλίγεται γύρω από την εικόνα 150×150, η οποία είναι ευθυγραμμισμένο αριστερά.
Όπως μπορείτε να δείτε, θα πρέπει να υπάρχει χώρος πάνω, κάτω και δεξιά από την εικόνα. Το κείμενο δεν πρέπει να σέρνεται πάνω στην εικόνα. Το να σέρνεται δεν είναι σωστό. Οι εικόνες χρειάζονται επίσης χώρο για να αναπνεύσουν. Αφήστε τις να μιλήσουν όπως και οι λέξεις. Αφήστε τις να κάνουν τη δουλειά τους χωρίς να σας ενοχλεί το κείμενο. Σε περίπου μία ακόμη πρόταση εδώ, θα δούμε ότι το κείμενο μετακινείται από τα δεξιά της εικόνας κάτω από την εικόνα με απρόσκοπτη μετάβαση. Και πάλι, αφήνουμε το κείμενο να κάνει τη δουλειά του. Αποστολή εξετελέσθη!
Και τώρα για ένα μαζικά μεγάλη εικόνα. Έχει επίσης καμία ευθυγράμμιση.
Η παραπάνω εικόνα, αν και έχει πλάτος 1200px, δεν πρέπει να ξεχειλίζει την περιοχή περιεχομένου. Θα πρέπει να παραμείνει περιορισμένη χωρίς ορατή διακοπή της ροής του περιεχομένου.
Και τώρα θα μεταφέρουμε τα πράγματα στο δεξιά ευθυγράμμιση. Και πάλι, θα πρέπει να υπάρχει άφθονος χώρος πάνω, κάτω και αριστερά της εικόνας. Κοιτάξτε τον εκεί... Γεια σου, φίλε! Ωραίος τρόπος για να ταρακουνήσεις τη δεξιά πλευρά. Δεν με νοιάζει τι λέει η αριστερά ευθυγραμμισμένη εικόνα, δείχνεις υπέροχος. Μην αφήσεις κανέναν άλλο να σου πει το αντίθετο.
Σε λίγο, θα πρέπει να δείτε το κείμενο να αρχίζει να τυλίγεται κάτω από τη δεξιά ευθυγραμμισμένη εικόνα και να εγκαθίσταται όμορφα. Θα πρέπει να υπάρχει ακόμα αρκετός χώρος και όλα θα πρέπει να είναι όμορφα. Ναι... Ακριβώς έτσι. Ποτέ δεν ένιωσα τόσο καλά να είμαι σωστός.
Και εκεί που νομίζατε ότι τελειώσαμε, θα τα κάνουμε όλα από την αρχή με λεζάντες!
Κοιτάξτε το 580×300 να πάρει κάποια λεζάντα αγάπη.
Η παραπάνω εικόνα τυχαίνει να είναι κεντραρισμένο. Η λεζάντα έχει επίσης έναν σύνδεσμο, απλά για να δούμε αν κάνει κάτι περίεργο.
Μικροσκοπική λεζάντα.
Το υπόλοιπο αυτής της παραγράφου είναι συμπλήρωμα για να δούμε το κείμενο να τυλίγεται γύρω από την εικόνα 150×150, η οποία είναι ευθυγραμμισμένο αριστερά.
Όπως μπορείτε να δείτε, θα πρέπει να υπάρχει χώρος πάνω, κάτω και δεξιά από την εικόνα. Το κείμενο δεν πρέπει να σέρνεται πάνω στην εικόνα. Το να σέρνεται δεν είναι σωστό. Οι εικόνες χρειάζονται επίσης χώρο για να αναπνεύσουν. Αφήστε τις να μιλήσουν όπως και οι λέξεις. Αφήστε τις να κάνουν τη δουλειά τους χωρίς να σας ενοχλεί το κείμενο. Σε περίπου μία ακόμη πρόταση εδώ, θα δούμε ότι το κείμενο μετακινείται από τα δεξιά της εικόνας κάτω από την εικόνα με απρόσκοπτη μετάβαση. Και πάλι, αφήνουμε το κείμενο να κάνει τη δουλειά του. Αποστολή εξετελέσθη!
Και τώρα για ένα μαζικά μεγάλη εικόνα. Έχει επίσης καμία ευθυγράμμιση.
Μαζικό σχόλιο εικόνας για τα μάτια σας.
Η παραπάνω εικόνα, αν και έχει πλάτος 1200px, δεν πρέπει να ξεχειλίζει την περιοχή περιεχομένου. Θα πρέπει να παραμείνει περιορισμένη χωρίς ορατή διακοπή της ροής του περιεχομένου.
Είναι ωραίο να έχεις πάντα δίκιο.
Και τώρα θα μεταφέρουμε τα πράγματα στο δεξιά ευθυγράμμιση. Και πάλι, θα πρέπει να υπάρχει άφθονος χώρος πάνω, κάτω και αριστερά της εικόνας. Κοιτάξτε τον εκεί... Γεια σου, φίλε! Ωραίος τρόπος για να ταρακουνήσεις τη δεξιά πλευρά. Δεν με νοιάζει τι λέει η αριστερά ευθυγραμμισμένη εικόνα, δείχνεις υπέροχος. Μην αφήσεις κανέναν άλλο να σου πει το αντίθετο.
Σε λίγο, θα πρέπει να δείτε το κείμενο να αρχίζει να τυλίγεται κάτω από τη δεξιά ευθυγραμμισμένη εικόνα και να εγκαθίσταται όμορφα. Θα πρέπει να υπάρχει ακόμα αρκετός χώρος και όλα θα πρέπει να είναι όμορφα. Ναι... Ακριβώς έτσι. Ποτέ δεν ένιωσα τόσο καλά να είμαι σωστός.
Και αυτό είναι ένα περιτύλιγμα, yo! Επιβιώσατε από τα ταραχώδη νερά της ευθυγράμμισης. Το επίτευγμα ευθυγράμμισης εικόνας ξεκλειδώθηκε!
Πρόσφατα σχόλια