Sifat grid-auto-rows

Sifat grid-auto-rows menetapkan kuantiti dan lebar baris yang akan diduduki oleh elemen dalam grid tersirat. Grid tersirat - grid yang diwujudkan secara automatik, apabila elemen keluar daripada rangka grid yang telah ditetapkan. Dalam nilai sifat, kita nyatakan lebar baris dalam sebarang unit untuk saiz. Sifat dinyatakan dalam elemen induk dan menentukan lebar baris bagi elemen-elemen anak.

Sintaks

csspemilih {
  grid-auto-rows: lebar baris;
}

Contoh

Mari kita tetapkan lebar baris untuk elemen-elemen kita dalam grid tersirat:

html<div id="parent">
  <div id="elem1">1</div>
  <div id="elem2">2</div>
  <div id="elem3">3</div>
  <div id="elem4">4</div>
  <div id="elem5">5</div>
</div>

css#parent {
  display: grid;
  grid-template-columns: 100px 200px;
  grid-auto-rows: 40px 60px 80px;
  border: 2px solid #696989;
  padding: 10px;
}
#parent > div {
  padding: 10px;
  border: 1px solid #696989;
}

Результат:

Lihat juga