Dalam susun atur berbilang lajur, anda boleh menjadikan elemen meluaskan lajur dengan column-span.
h2 ( -webkit-column-span: all; column-span: all; )Tugaskan column-spanelemen di dalam susun atur berbilang lajur untuk menjadikannya elemen rentang. Susun atur berbilang lajur akan disambung semula dengan elemen tidak merangkumi seterusnya.
Nilai column-spanboleh sama ada allatau none.
Tetapkan elemen column-span: alluntuk menjadikannya merangkumi lajur.
Nilai noneuntuk harta itu adalah suis kill untuk elemen spanning. Anda mungkin menggunakan ini ketika bekerja dengan pertanyaan media untuk memberitahu elemen spanning untuk berhenti menjangkau.
Lihat contoh ruang lajur Pen oleh CSS-Tricks (@ css-tricks) di CodePen.
Sokongan Penyemak Imbas
Firefox tidak menyokong ini column-span, tetapi terdapat jalan penyelesaian yang menarik.
Berikut adalah sokongan untuk susun atur pelbagai lajur secara umum:
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
| Chrome | Firefox | IE | Hujung | Safari |
|---|---|---|---|---|
| 91 | 87 | 10 | 12 | 10 |
Mudah Alih / Tablet
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| 88 | 85 | 81 | 10.0-10.2 |
Jangan lupa awalan anda!