Распон колоне - ЦСС-трикови

Anonim

У распореду са више колона можете учинити да се елементи проширују преко колона помоћу column-span.

h2 ( -webkit-column-span: all; column-span: all; )

Доделите column-spanелементу унутар распореда са више колона да би постао опсежни елемент. Распоред са више ступаца наставиће се са следећим елементом који се не протеже.

Вредност column-spanможе бити allили none.

Подесите елемент са column-span: allда би обухваћао колоне.

Вредност noneсвојства је прекидач килл за обухваћени елемент. Ово можете користити када радите са медијским упитима како бисте поручили елементу за обухватање да престане да се протеже.

Погледајте пример распона ступца оловке о ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

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

Фирефок ово не подржава column-span, али постоје занимљива заобилазна решења.

Ево подршке за распоред више ступаца уопште:

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.

Десктоп

Хром Фирефок ИЕ Ивица Сафари
91 87 10 12 10

Мобиле / Таблет

Андроид Цхроме Андроид Фирефок Андроид иОС Сафари
88 85 81 10.0-10.2

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