Larghezza colonna - Trucchi CSS

Quando vuoi mantenere le tue colonne a una larghezza specifica, usa column-width.

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

Il browser calcolerà quante colonne di almeno quella larghezza possono entrare nello spazio. Pensa column-widtha un suggerimento di larghezza minima per il browser.

column-widthè una proprietà flessibile. Una volta che il browser non può contenere almeno 2 colonne alla larghezza specificata, le colonne si interromperanno e cadranno in una singola colonna.

Questa proprietà viene utilizzata anche nella scorciatoia per columnse può essere utilizzata in tandem con column-count. Quando vengono dichiarate entrambe le proprietà column-countè il numero massimo di colonne.

Valori

È possibile impostare column-widthsu autoo una lunghezza.

Usa autose stai anche usando column-counto se devi disattivare la proprietà. Consideralo come un modo per dire al browser di lasciare column-countil comando.

Per specificare la larghezza delle colonne, utilizzare una lunghezza maggiore di (o uguale a) 0. È possibile utilizzare qualsiasi unità CSS tranne la percentuale.