Mwongozo wa CSS row-gap

Ufafanuzi na matumizi

Tabia ya row-gap inaonyesha wakati wa kufikia kwa kusaidia kwenye kina cha kina ya kina kwa kina cha kina kina.

Tabia ya row-gap iliyotoka kwa: grid-row-gap.

Tazama pia:

Makao mazuri:Kifungua cha jeshi la kina cha KiCSS

Makao mazuri:Kifungua cha kina cha kina cha KiCSS

Kitabu cha kielewa cha KiCSS:Tabia ya gap

Kitabu cha kielewa cha KiCSS:Tabia ya column-gap

Mifano

Mifano 1

Inayotaka kwa kina cha kina kwa 50 mita:

#grid-container {
  display: grid;
  row-gap: 50px;
}

Kutafutia kwa kufikia

Mifano 2: Mashairi ya kina ya kina

Kuweka wakati wa kufikia kwa kusaidia kwenye mashairi ya kina ya kina kwa 70px:

#flex-container {
  display: flex;
  row-gap: 70px;
}

Kutafutia kwa kufikia

Inayofanywa kwa KiCSS

row-gap: length|normal|initial|inherit;
Thamani Inasikitisha
length Kuweka wakati wa kufikia kwa kusaidia kwenye kina cha kina au kufikia kwa kusaidia kwenye kina cha kina.
normal Wakati wa kufikia wa kufikia kwa kusaidia kwenye kina cha kina.
initial Kuweka tabia hii kwa thamani ya kufikia kwa kusaidia kwenye kina cha kina. Tazama: initial.
inherit Kuweka tabia hii kwa thamani ya kufikia kwa kusaidia kwenye kina cha kina. Tazama: inherit.

Maelezo ya teknolojia

Wakati wa kufikia: normal
Kutumia: Hakuna
Mifano ya mifano ya mifano Inahusishwa. Tazama matumizi ya kawaida ya matumizi. Tazama:Matumizi ya mifano ya mifano.
Tengeneza: CSS Box Alignment Module Level 3
Inayofanywa kwa Kijsayari: object.style.rowGap="50px"

kivumilia cha kifungua

inani za jadili kwenye jadili la tabia zinaonyesha na cheo cha kwanza cha kifungua cha kivumilia kwa kifungua cha tabia hii.

mashairi Chrome IE / Edge Firefox Safari Opera
katika jeshi la kina 66 16 61 12 53
katika sanduku ya ubunifu wa kina 84 84 63 14.1 70