Hisia ya CSS column-fill

Ufafanuzi na matumizi

columnFill kina inaingia kufaulu kwa kina kwa kufikia kati ya matukio (inaingia kufikia kati ya kina).

Tafadhali tazama:

Mwongozo wa CSS3:CSS3 Kikoliko cha Mayini

Mwongozo wa HTML DOM:columnFill kina

Mifano

Inaingia kufaulu kwa kina kwa kufikia kati ya matukio:

div
{
column-fill:auto;
}

Inafaa kusoma kiwango cha CSS:

column-fill: balance|auto;

Kichwa cha chaguo cha kina

Kichwa cha chaguo Maelezo
balance Inafaulu kwa kina kwa kufikia kati ya matukio. Kifunzo kina ingefikia kati ya ukurata wa matukio.
auto Inafaulu kwa kina kwa kufikia kati ya matukio, ukurata wa matukio yanaingia kwa uharibifu.

Maelezo ya mengineo

Kichwa cha chaguo: balance
Ukumu: no
Mwaka: CSS3
Inafaa kusoma kiwango cha JavaScript: object.style.columnFill="auto"

Mifano mengi

Column-count
Tumia div inayofaulu kwa matukio ya tatu.
Column-gap
Tumia div inayofaulu kwa matukio ya tatu, na inaingia kati ya matukio ya 30 zaidi ya mita.
Column-rule
Inua ukizuri, uharibifu na uziwe za kufikia kati ya kigezahabisha.

kampuni cha kifunzo

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0