Ja, veidojot vairāku kolonnu izkārtojumu, jums ir nepieciešams precīzs kolonnu skaits, izmantojiet column-count.
.lead ( column-count: 3; )Ņemot vērā kolonnu skaitu, pārlūkprogramma vienmērīgi sadalīs saturu tieši tādā kolonnu skaitā.
Šo īpašību var izmantot arī stenogrāfijā, columnsun to var izmantot kopā ar column-width. Kad tiek deklarēti abi rekvizīti, ir column-countmaksimālais kolonnu skaits.
Vērtības
column-countvar būt autovai vesels skaitlis.
Izmantojiet, autoja izmantojat arī column-width. Iedomājieties to kā veidu, kā pateikt pārlūkprogrammai, lai ļautu column-widthuzņemties vadību.
Veselajam skaitlim, kas pazīstams arī kā kolonnu skaits, jābūt lielākam par vai vienādam ar 0.
Atšķirībā no column-widthšī rekvizīta turēs kolonnu skaitu neatkarīgi no pārlūka platuma. Tas nozīmē, ka, mobilajā tālrunī izvelkot 5 kolonnu izkārtojumu, navigācijai būs ļoti izkārtots 5 kolonnu izkārtojums. column-countvislabāk darbojas līdzās column-width.
Pārlūka atbalsts
Vairāku kolonnu izkārtojuma atbalsts:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jebkurš | 3+ | 1,5+ | 11.1+ | 10+ | 81. | 3.2+ |
Neaizmirstiet savus prefiksus, ja jūs jau neizmantojat rīku, kas jau palīdz.