Πλάτος στήλης - CSS-Κόλπα

Όταν θέλετε να διατηρήσετε τις στήλες σας σε συγκεκριμένο πλάτος, χρησιμοποιήστε το column-width.

section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )

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

column-widthείναι μια ευέλικτη ιδιότητα. Μόλις το πρόγραμμα περιήγησης δεν μπορεί να χωρέσει τουλάχιστον 2 στήλες στο καθορισμένο πλάτος σας, τότε οι στήλες θα σταματήσουν και θα πέσουν σε μία μόνο στήλη.

Αυτή η ιδιότητα χρησιμοποιείται επίσης στο στενό columnsκαι μπορεί να χρησιμοποιηθεί σε συνδυασμό με column-count. Όταν δηλώνονται column-countκαι οι δύο ιδιότητες, είναι ο μέγιστος αριθμός στηλών.

Αξίες

Μπορείτε να ρυθμίσετε column-widthμε autoή μήκος.

Χρησιμοποιήστε το autoεάν χρησιμοποιείτε επίσης column-countή εάν πρέπει να απενεργοποιήσετε την ιδιοκτησία. Σκεφτείτε το ως έναν τρόπο να πείτε στο πρόγραμμα περιήγησης να αφήσει column-countτο προβάδισμα.

Για να καθορίσετε το πλάτος των στηλών, χρησιμοποιήστε ένα μήκος μεγαλύτερο από (ή ίσο με) 0. Μπορείτε να χρησιμοποιήσετε οποιαδήποτε μονάδα CSS εκτός από το ποσοστό.