Στήλες - CSS-Κόλπα

Με λίγους κανόνες CSS, μπορείτε να δημιουργήσετε μια διάταξη εμπνευσμένη από εκτύπωση που έχει την ευελιξία του ιστού. Είναι σαν να παίρνεις εφημερίδα, αλλά καθώς το χαρτί μειώνεται, οι στήλες θα προσαρμοστούν και θα ισορροπήσουν αυτόματα επιτρέποντας στο περιεχόμενο να ρέει φυσικά.

.intro ( columns: 300px 2; )

Το columnsακίνητο θα δεχτεί column-count, column-widthή και τα δύο ιδιότητες.

columns: || ;

Χρησιμοποιείτε column-countκαι τα δύο και column-widthσυνιστάται η δημιουργία ευέλικτης διάταξης πολλαπλών στηλών. Το column-countwill θα λειτουργήσει ως ο μέγιστος αριθμός στηλών, ενώ το column-widthwill θα υπαγορεύσει το ελάχιστο πλάτος για κάθε στήλη. Συγκεντρώνοντας αυτές τις ιδιότητες, η διάταξη πολλαπλών στηλών θα χωριστεί αυτόματα σε μία στήλη σε στενά πλάτη του προγράμματος περιήγησης χωρίς την ανάγκη ερωτημάτων πολυμέσων ή άλλων κανόνων.

Η διάταξη πολλαπλών στηλών λειτουργεί εξαιρετικά σε στοιχεία μπλοκ, συμπεριλαμβανομένων λιστών για ευέλικτη πλοήγηση.

Για να βελτιώσετε περαιτέρω τη διάταξη πολλών στηλών σας, χρησιμοποιήστε break-insideσυγκεκριμένα στοιχεία για να μην κολλήσουν μεταξύ των στηλών.