Ja vēlaties saglabāt slejas noteiktā platumā, izmantojiet column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Pārlūkprogramma aprēķinās, cik kolonnu ar vismaz tādu platumu var ievietot telpā. Padomājiet par column-widthminimālo pārlūka platuma ieteikumu.
column-widthir elastīgs īpašums. Kad pārlūkprogramma nevar ievietot vismaz 2 kolonnas jūsu norādītajā platumā, kolonnas apstāsies un nokritīs vienā kolonnā.
Šis īpašums tiek izmantots arī stenogrāfijā, columnsun to var izmantot kopā ar column-count. Kad tiek deklarēti abi rekvizīti, ir column-countmaksimālais kolonnu skaits.
Vērtības
Varat iestatīt column-width, lai autovai garumu.
Izmantojiet, autoja jūs arī izmantojat column-countvai ja jums ir jāizslēdz īpašums. Iedomājieties to kā veidu, kā likt pārlūkprogrammai ļauties column-countvadībai.
Lai norādītu kolonnu platumu, izmantojiet garumu, kas lielāks par (vai vienāds ar) 0. Varat izmantot jebkuru CSS vienību, izņemot procentus.
Pārlūka atbalsts
Vairāku kolonnu izkārtojuma atbalsts:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jebkurš | 3+ | 1,5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Neaizmirstiet savus priedēkļus!
