Αυτό δεν είναι ρητορικό: με ενδιαφέρει πραγματικά να βρω εξαιρετικές περιπτώσεις χρήσης για διατάξεις πολλαπλών στηλών CSS.
Η απάντηση φαίνεται ξεκάθαρη. Χρησιμοποιήστε στήλες όταν θέλετε να χωρίσετε οποιοδήποτε περιεχόμενο σε στήλες, σωστά; Εδώ είναι γενικά το είδος του παραδείγματος που θα βρείτε σε άρθρα που δείχνουν πώς λειτουργούν οι διατάξεις πολλαπλών στηλών CSS, συμπεριλαμβανομένου του δικού μας Ημερολόγιο:
Ακριβώς πάνω. Είναι όμως αυτή μια πραγματική περίπτωση χρήσης; Μμμμ ίσως. Εάν το κείμενο είναι σχετικά σύντομο, τότε ίσως είναι μια ωραία πινελιά. Έτσι το πούλησα στον εαυτό μου όταν επανασχεδιάζω τον ιστότοπό μου α πριν λιγα χρονια. Δεν είναι έτσι σήμερα, αλλά έτσι φαινόταν τότε:
Αλλά ένα ολόκληρο άρθρο μακράς μορφής χωρίζεται σε στήλες; Μου αρέσει στις εφημερίδες, αλλά διστάζω να κάνω κύλιση προς τα κάτω σε μια ιστοσελίδα για να διαβάσω μία στήλη, αλλά να κάνω κύλιση προς τα επάνω για να το κάνω ξανά.
Υποθέτω ότι μπορούμε να το χρησιμοποιήσουμε για να τοποθετήσουμε δύο στοιχεία δίπλα-δίπλα, αλλά το flexbox είναι πολύ πιο κατάλληλο για αυτό. Επιπλέον, ένας περιορισμός μας εμποδίζει να επιλέξουμε τις στήλες για να τις μεγεθύνουμε ξεχωριστά. Οι στήλες πρέπει να έχουν το ίδιο πλάτος.
Ένα πράγμα που έχουν οι στήλες είναι ότι είναι η μόνη μέθοδος διάταξης CSS που θραύσματα περιεχόμενο. (Δηλαδή, εκτός αν μετράμε Περιοχές CSS… τι έγινε με αυτά, τέλος πάντων;) Έτσι, αν θέλετε να χωρίσετε μια παράγραφο σε στήλες, είναι ήδη δυνατό χωρίς πρόσθετα περιτυλίγματα.
Πότε αλλιώς μπορεί να χρειαστεί να χωρίσετε ένα συνεχές μπλοκ περιεχομένου σε στήλες; Θυμάμαι ότι χρειαζόμουν να το κάνω όταν είχα μια μεγάλη αδιάτακτη λίστα αντικειμένων. Μου αρέσει ο τρόπος με τον οποίο οι λίστες μπορούν να κάνουν το περιεχόμενο εύκολο στη σάρωση, αλλά οι μεγάλες λίστες μπορούν να κάνουν τη μία πλευρά της σελίδας να φαίνεται εξαιρετικά βαριά. Ας πούμε, για παράδειγμα, ότι καταχωρούσαμε όλες τις ετικέτες ανάρτησης για CSS-Tricks σε αλφαβητικές ομάδες. Μια διάταξη πολλών στηλών λειτουργεί όμορφα για αυτό:
Προχωρήστε και δοκιμάστε να αλλάξετε το μέγεθος του πλάτους της θύρας προβολής. Ορίζονται τρεις στήλες, αλλά ο αριθμός θα αλλάξει ανάλογα με την ποσότητα του διαθέσιμου χώρου. Πρέπει να αγαπήσω όλη αυτή την ανταποκρινόμενη καλοσύνη χωρίς την εργασία ερωτημάτων μέσων!
Δούλευα σε ένα demo για το :left ψευτοτάξη και έφθασε για columns γιατί είναι ένας πολύ καλός τρόπος να κατακερματίσετε πράγματα για την εκτύπωση επιδείξεων. Λοιπόν, υποθέτω ότι υπάρχει άλλη περίπτωση χρήσης. Και ενώ έκανα μια επίδειξη, συνειδητοποίησα ότι μια διάταξη πολλών στηλών θα μπορούσε να χρησιμοποιηθεί για τη δημιουργία ενός πλέγματος τοιχοποιίας από αντικείμενα, όπως μια συλλογή εικόνων:
Τι άλλο όμως; Περιοριζόμαστε σε σύντομες παραγράφους, μεγάλες λίστες και πλέγματα με ελεύθερη ροή;
