Ширина колоне - ЦСС-трикови

Anonim

Користите када желите да колоне имају одређену ширину 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. Можете да користите било коју ЦСС јединицу осим процента.

Подршка прегледача

Подршка за распоред више колона:

Хром Сафари Фирефок Опера ИЕ Андроид иОС
Било који 3+ 1.5+ 11.1+ 10+ 2.3+ 6.1+

Не заборавите на своје префиксе!