Hisia ya CSS column-gap
- kisha cha kimsaidia column-fill
- Mchezo wa kuzingatia column-rule
Inasaidia na uwanja wa michakato
Michakato ya kolumu inakadiri ukumbi wa kati wa kolumu.
Mawaka:Ikiwa kolumu zinaukwaja column-ruleinaonekana katika kati ya ukumbi.
Tafadhali tazama:
Makala ya CSS3 ya mchezo:Kolumni katika CSS3
Makala ya HTML DOM ya kuelewa:Michakato ya kolumu
Mafanikio
Inakadiri ukumbi wa kati wa kolumu kwa 40 mita:
div { column-gap: 40px; }
Mafanikio mengi ya ukisha hapa chini.
Inasoma lugha ya CSS
column-gap: ukubwa|normal;
Mivuno ya michakato
Mivuno | Inasaidia | Mchakato |
---|---|---|
ukubwa | Inakadiri ukumbi wa kati wa kolumu kwa ukubwa wa kina kina kina kina. | Mchakato |
normal | Inakadiri ukumbi wa kati ya kolumu kwa kina kina kina. Inasababisha W3C inaeleza kina kina kina kina. | Mchakato |
Mifumo ya vifaa
Mivuno wa kuzingatia: | normal |
---|---|
Kuzaliwa: | no |
Versioni: | CSS3 |
Inasoma lugha ya JavaScript: | object.style.columnGap="40px" |
Mafanikio mengi
- Kifupi cha kolumu
- Inakusanya matukio ya div katika tatu kolumu.
- Kifupi cha kolumu
- Inakadiri ukubwa, uchoraji na rangi wa kati ya kolumu.
Mafikirio ya kufikiria
Mashabiki ya tafanua inaeleza version ya kwanza ya kufikiria sababu ya kufikiria kufikiria.
Mashabiki ya -webkit- au -moz- ni inaeleza sababu ya kuanzisha na version ya kwanza ya kifupi.
michakato | Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
katika mawili ya siri | 50 | 10 | 52 | 10 | 37 |
katika ruzi | 66 | 16 | 61 | 12 | 53 |
katika sanduku la ubunifu | 84 | 84 | 63 | 14.1 | 70 |
- kisha cha kimsaidia column-fill
- Mchezo wa kuzingatia column-rule