Mfano wa CSS grid-row
- Mpangilio wa tatu grid-gap
- Mpangilio wa nne grid-row-end
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; }
Mfano 2
Wewe unaweza kutumia mafanikio ya mita ya kimaadili kuhusu mita ya kimaadili iliyotumika kutekeleza:
.item1 { grid-row: 1 / 3; }
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 |
- Mpangilio wa tatu grid-gap
- Mpangilio wa nne grid-row-end