Hisia CSS grid-auto-rows

定义和用法

grid-auto-rows 属性为网格容器中的行设置尺寸。

该属性只会影响未设置尺寸的行。

另请参阅：

CSS 教程：CSS 网格布局

CSS 参考手册：grid-auto-columns 属性

实例

设置网格中行的默认尺寸：

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Jaribu kwenye kifaa chako

Inayotumika kwa lugha ya CSS

grid-auto-rows: auto|max-content|min-content|length;

Thamani ya tabia

Thamani Maelezo
auto Wakati wa kufikia kwa kuzingatia: . Wakati wa kumaliza ukubwa wa siku inasaidia kufikia ukubwa wa kiwango kikubwa zaidi cha kipengele kwenye siku.
max-content Inasaidia kumaliza ukubwa wa siku, kwa kutumia ukubwa wa kiwango kikubwa zaidi cha kipengele kwenye siku.
min-content Inasaidia kumaliza ukubwa wa siku, kwa kutumia ukubwa wa kiwango kikubwa zaidi cha kipengele kwenye siku.
length Inasaidia kumaliza ukubwa wa siku, kwa kutumia thamani ya miamba ya kawaida. Tazama:Miamba ya ukubwa.

Mafanikio ya teknolojia

Wakati wa kufikia kwa kuzingatia: auto
Kupatikana kwa kuzingatia: Hakuna
Tengeneza animesheni: Inahusishwa. Tazama:Matumizi ya animesheni.
Mwaka wa kuwa na: CSS Grid Layout Module Level 1
Inayotumika kwa lugha ya JavaScript: object.style.gridAutoRows="60px"

Matumizi ya kifungu

Mafuatilia ya nambari katika tabia hii inaonyesha sasni ya kwanza ya kusimamia kwa kusaidia kwa kusimamia tabia hii.

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