Mfano wa CSS grid-row

Maelezo na matumizi

Mfano wa grid-row inasababisha ukubwa wa kipengele cha mtandao na upeo wake katika mifumo ya kusambaa, ni kiwango cha kwanza cha kuzingatia kwa sababu ya mafanikio yafuatavyo:

Tazama pia:

Makao ya KiCSS:Mifumo ya kusambaa cha KiCSS

Mfano

Mfano 1

Kumaliza "item1" kutoka mita ya kimaadili ya 1 na kusababisha kusababisha mita ya kimaadili ya 2:

.item1 {
  grid-row: 1 / span 2;
}

Jifunze kwa urahisi

Mfano 2

Wewe unaweza kutumia mafanikio ya mita ya kimaadili kuhusu mita ya kimaadili iliyotumika kutekeleza:

.item1 {
  grid-row: 1 / 3;
}

Jifunze kwa urahisi

Inayofungua KiCSS

grid-row: grid-row-start / grid-row-end;

Kiwango cha sababu

Wakati wa kutumia Maelezo
grid-row-start Inasababisha kuanza utaratibu wa mifano kutoka kwa mita ya kimaadili.
grid-row-end Inasababisha kumaliza utaratibu wa utumiaji wa mifano, au kusababisha mifano kuenea kwa mita ya kimaadili.

Mifumo ya uharibifu

Wakati wa kuzingatia: auto / auto
Kutumia: Hapana
Kufanya mafanikio: Inahusishwa. Tazama:Mafanikio ya mafanikio
Muungano: Moduli ya CSS Grid Layout Kiwango 1
Inayofungua KiJavaScript: object.style.gridRow="2 / span 2"

Matumizi ya tovuti

Mafanikio ya mifano katika tabia hizi inaonyesha sababu ya kumaliza tabia hii kwa sababu ya kufungua tovuti yenye matumizi mengi ya Internet.

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