Hisia ya CSS columns

Ufafanuzi na matumizi

columns 属性 inaingia kwa kawaida upana na mafanikio ya kolumna.

Tazama pia:

Mafunzo ya CSS3:Makala ya CSS3 ya kufungua mabara

Kitabu cha maelezo ya HTML DOM:columns 属性

Mafanikio

Inaingia upana na mafanikio ya kolumna:

div
{
columns:100px 3;
}

Mtafiti kwa urahisi

Mafanikio ya mtaani ya mawaka kwenye chakula.

Inaingia mtaalamu ya CSS:

columns: column-width column-count;

Inaingia:

Inaingia: Inaingia:
column-width Upana wa kolumna.
column-count Mafanikio ya kolumna.

Maelezo ya mteknolojia

Inaingia kwa kawaida: auto auto
Inaingia: no
Version: CSS3
Inaingia mtaalamu ya JavaScript: object.style.columns="100px 3"

Mafanikio ya mtaani

Column-count
Inaingia kufaulu matexti ya elementi ya div kwa tatu.
Column-gap
Inaingia kufaulu matexti ya elementi ya div kwa tatu kwa kufikia koozi ya 30 pixeli.
Column-rule
Inaingia kuuza upana, stili na rangi kati ya kolumna.

Mafanikio ya mtandao

Mafanikio ya jadwali inaeleza version ya kwanza ya kufaa kwa sababu ya kina hii.

Mafuatilia ya -webkit- au -moz- inanayoitwa na version ya kwanza ya kuzungumza kwa chaji.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
9.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1