Hisia CSS grid-template-rows

Mifano na matumizi

grid-template-rows inastawi kufafanua siku za muundo wa grid (na kubadilika kwa kipimo).

Thamani ni orodha ya thamani zilizoshiriki na kipindi kwa kipindi, kila thamani inatoa kipimo cha kubadilika kwa siku hiyo.

Tazama pia:

Mafunzo ya CSS:Muundo wa grid wa CSS

Mafunzo ya CSSTabia ya grid-columns

Mafunzo ya CSSTabia ya grid-template

Mfano

Inastawi kufanya ukurabu wa muundo wa siku hiyo (kubwa):

.grid-container {
  display: grid;
  grid-template-rows: 100px 300px;
}

Tafuta kufanya mafanikio

Inayotumika kwa CSS

grid-template-rows: none|auto|max-content|min-content|length|initial|inherit;

Thamani ya tabia

Thamani Maelezo
none Hakuna ukurabu wa ukurabu wa siku hiyo. Inatokana na kumchora siku hiyo kama inahitajika.
auto Ukurabu wa muundo wa siku hiyo unaendana na ukubwa wa kiumbe kwenye kina cha kiumbe kwenye siku hiyo.
max-content Inastawi kufanya ukurabu wa muundo wa siku hiyo kwa kutumia kipimo cha kina cha kipengele kwenye siku hiyo.
min-content Inastawi kufanya ukurabu wa muundo wa siku hiyo kwa kutumia kipimo cha kina cha kipengele kwenye siku hiyo.
length Inastawi kufanya ukurabu wa muundo wa siku hiyo kwa kutumia thamani za kipimo za haki. TazamaKipimo cha umbo.

Maelezo ya teknolojia

Chaguo cha kuzingatia: none
Kuwa na mawasiliano: Hakuna
Tengeneza animation: Inatumika. Tazama:Matumizi ya animation.
Tengeneza: CSS Grid Layout Module Level 1
Inayotumika kwa JavaScript: object.style.gridTemplateRows="50px 200px"

Mfano wa browser

Mafuatilia ya tabia hizi inatoa na browser zote zilizoongoza katika kufaa kwa tabia hii.

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