Uz samo nekoliko CSS pravila možete stvoriti izgled nadahnut ispisom koji ima fleksibilnost weba. To je poput uzimanja novina, ali kako se papir smanjuje, stupci će se automatski prilagoditi i uravnotežiti omogućujući prirodan protok sadržaja.
.intro ( columns: 300px 2; )columnsImovine će prihvatiti column-count, column-widthili oba svojstva.
columns: || ;Korištenje oba column-counti column-widthpreporučuje se za stvaranje fleksibilnog izgleda s više stupaca. Will column-countće djelovati kao maksimalan broj stupaca, dok column-widthće the odrediti minimalnu širinu za svaki stupac. Povlačenjem ovih svojstava, izgled više stupaca automatski će se razbiti u jedan stupac na uskim širinama preglednika bez potrebe za medijskim upitima ili drugim pravilima.
Izgled s više stupaca izvrsno funkcionira na elementima blokova, uključujući popise, kako bi se stvorila fleksibilna navigacija.
Da biste dodatno podesili izgled više stupaca, upotrijebite break-insideodređene elemente kako biste spriječili da zaglave između stupaca.
Više informacija
- CSS modul izgleda više stupaca razina 1 (radni nacrt)
- Dokumentacija MDN-a
Podrška preglednika
| IE | Rub | Firefox | Krom | Safari | Opera |
|---|---|---|---|---|---|
| 10+ | svi | 9+ | 50+ | svi | 11,5+ |
| Android Chrome | Android Firefox | Android preglednik | iOS Safari | Opera Mobile |
|---|---|---|---|---|
| svi | svi | svi | svi | svi |