Hisia ya CSS column-count

Ufafanuzi na matumizi

Kifungo cha column-count kinapendeleza kifungo cha kifungo kinakubalika.

Tafadhali tazama:

Mafunzo ya CSS3:Mashirika ya CSS3 ya kufanya kundi

Mafunzo ya HTML DOM:Kifungo cha columnCount

Mafano

Inafungua matukio ya kifungo cha div kwa tatu:

div
{
column-count:3;
}

Kufikia kufikiria kwa matokeo

Kuna mafano ya mawasiliano kwenye mabaki ya ukurasa.

Inaingia kifungo cha CSS:

column-count: number|auto;

Kifungo cha kifungo

Wapya Kifungo cha kifungo Tukio
number Inaaminia kifungo cha kifungo kinasikitisha kwa kufungua kifungo cha kifungo. Tukio
auto Inaaminia kifungo cha kifungo kwa sababu ya kifungo cha kifungo, kama 'column-width'. Tukio

Vituo ya teknolojia

Wapya: auto
Kumekuwa na uwanja: no
Tena: CSS3
Inaingia kifungo cha JavaScript: object.style.columnCount=3

Mafano ya mawasiliano

Column-gap
Inafungua matukio ya kifungo cha div kwa tatu, na kufikiria kifungo cha kifungo cha 30 pixeli.
Column-rule
Inaingia kifungo cha kifungo, na kufikiria kifungo cha kifungo, na kufikiria kifungo cha kifungo.

Mfano wa kifungo cha kifungo

Inaaminia za jumla za kifungo kinasikitisha kwa kwanza na kufungua kwa sababu ya kifungo kinasaidia kufungua kwa sababu ya kifungo.

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