У распореду са више колона можете учинити да се елементи проширују преко колона помоћу 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 |
Не заборавите на своје префиксе!