Εάν χρειάζεστε ακριβείς αριθμούς στηλών κατά το σχεδιασμό διάταξης πολλών στηλών, χρησιμοποιήστε το column-count.
.lead ( column-count: 3; )Δεδομένου του αριθμού των στηλών, το πρόγραμμα περιήγησης θα κατανείμει ομοιόμορφα το περιεχόμενο σε αυτόν ακριβώς τον αριθμό των στηλών.
Αυτή η ιδιότητα μπορεί επίσης να χρησιμοποιηθεί στο στενό columnsκαι μπορεί να χρησιμοποιηθεί παράλληλα με column-width. Όταν δηλώνονται column-countκαι οι δύο ιδιότητες, είναι ο μέγιστος αριθμός στηλών.
Αξίες
column-countμπορεί να είναι autoή ακέραιος.
Χρησιμοποιήστε το autoεάν χρησιμοποιείτε επίσης column-width. Σκεφτείτε το ως έναν τρόπο να πείτε στο πρόγραμμα περιήγησης, να αφήσετε column-widthτο προβάδισμα.
Ο ακέραιος, επίσης γνωστός ως αριθμός στηλών, πρέπει να είναι μεγαλύτερος ή ίσος με 0.
Σε αντίθεση με column-widthαυτήν την ιδιότητα θα διατηρείται ο αριθμός των στηλών ανεξάρτητα από το πλάτος του προγράμματος περιήγησης. Αυτό σημαίνει ότι εάν έχετε τραβήξει μια διάταξη 5 στηλών στο κινητό σας τηλέφωνο, θα έχετε μια πολύ στριμμένη διάταξη 5 στηλών για πλοήγηση. column-countλειτουργεί καλύτερα παράλληλα column-width.
Υποστήριξη προγράμματος περιήγησης
Υποστήριξη διάταξης πολλαπλών στηλών:
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| Οποιος | 3+ | 1.5+ | 11.1+ | 10+ | 81 | 3.2+ |
Μην ξεχάσετε τα προθέματά σας εάν δεν χρησιμοποιείτε ήδη ένα εργαλείο που το βοηθάει.