Szerokość-kolumny - CSS-Tricks

Jeśli chcesz zachować określoną szerokość kolumn, użyj column-width.

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

Przeglądarka obliczy, ile kolumn o co najmniej tej szerokości zmieści się w przestrzeni. Pomyśl o column-widthsugestii minimalnej szerokości dla przeglądarki.

column-widthto właściwość elastyczna. Gdy przeglądarka nie zmieści co najmniej 2 kolumn na określonej szerokości, kolumny zatrzymają się i spadną do jednej kolumny.

Ta właściwość jest również używana w skrócie columnsi może być używana w połączeniu z column-count. Gdy obie właściwości są zadeklarowane, column-countjest to maksymalna liczba kolumn.

Wartości

Możesz ustawić column-widthna autolub długość.

Użyj, autojeśli używasz również column-countlub jeśli chcesz wyłączyć właściwość. Potraktuj to jako sposób na powiedzenie przeglądarce, aby przejęła column-countinicjatywę.

Aby określić szerokość kolumn, użyj długości większej niż (lub równej) 0. Możesz użyć dowolnej jednostki CSS oprócz procentu.