Vaid mõne CSS-reegli abil saate luua printimiseks inspireeritud paigutuse, millel on veebi paindlikkus. See on nagu ajalehe võtmine, kuid kui paber muutub väiksemaks, siis veerud kohanduvad ja tasakaalustuvad automaatselt, võimaldades sisul loomulikult voolata.
.intro ( columns: 300px 2; )columnsVara aktsepteerib column-count, column-widthvõi mõlemad omadused.
columns: || ;Kasutades mõlemat column-countja column-widthon soovitatav luua paindlik mitme veeruga paigutus. column-countToimib maksimaalne arv veerge, samas column-widthdikteerib minimaalne laius Iga veeru. Nende omaduste kokkuviimisel jaguneb mitme veeruga paigutus kitsas brauserilaiuses automaatselt üheks veeruks ilma meediumipäringute või muude reegliteta.
Mitme veeruga paigutus töötab paindliku navigeerimise jaoks suurepäraselt plokielementidel, sealhulgas loenditel.
Mitmeveerulise paigutuse veelgi täpsemaks muutmiseks kasutage break-insidekonkreetseid elemente, et need veergude vahele kinni ei jääks.
Rohkem informatsiooni
- CSS-i mitme veerulise paigutuse mooduli 1. tase (tööjoonis)
- MDN dokumentatsioon
Brauseri tugi
| IE | Edge | Firefox | Chrome | Safari | Ooper |
|---|---|---|---|---|---|
| 10+ | Kõik | 9+ | 50+ | Kõik | 11,5+ |
| Android Chrome | Android Firefox | Androidi brauser | iOS-i Safari | Opera Mobile |
|---|---|---|---|---|
| Kõik | Kõik | Kõik | Kõik | Kõik |