Hisia cha CSS grid-gap

Ufafanuzi na matumizi

Tabia ya grid-gap inasababisha kufikiria ukurasa wa kati ya mabara na mabara ya mtandao wa kifungu, inaonekana kama tabia ya kufupishwa ya tabia hizo:

Tahadhari:Tabia hii inahusishwa tena kwa KiCSS3 kwa sababu ya: gap.

Tafakari zingine:

Mafanikio ya KiCSS:KiCSS wa mtandao

Mafanikio ya KiCSS:grip-row-gap tabia

Mafanikio ya KiCSS:grip-column-gap tabia

Mfano

Mfano 1

Inasababisha kufikiria kati ya mabara wa kati ya mabara na mabara wa kati ya mabara ni 50 mita:

.grid-container {
  grid-gap: 50px;
}

Tafakari yako

Mfano 2

Inasababisha kufikiria ukurasa wa kufungua kati ya mabara wa mita 20, na kati ya mabara wa 50:

.grid-container {
  grid-gap: 20px 50px;
}

Tafakari yako

Inayotumiwa kwa KiCSS

grid-gap: grid-row-gap grid-column-gap;

Wakati wa tabia

Wakati Maelezo
grid-row-gap Inasababisha kufikiria ukurasa wa kufungua kati ya mabara wa misingizi. Chaguo cha kuzingatia ni 0.
grid-column-gap Inasababisha kufikiria ukurasa wa kufungua kati ya mabara. Chaguo cha kuzingatia ni 0.

Mafanikio ya teknolojia

Chaguo cha kuzingatia: 0 0
Kupata kwa kawaida: Hapana
Makini ya misingizi: Inafaa kuangalia:Mafanikio ya misingizi.
Safu: CSS Grid Layout Module Level 1
Inayotumiwa kwa Kijskrip object.style.gridGap="50px 100px"

Mfano wa kufungua kifungu

Mafanikio ya tabia hizi inaonyesha sababu ya kufaa kwa kusimamia tabia hii kwa kwanza kwa kifungu cha kina-mashine.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44