Sifat grid-auto-columns

Sifat grid-auto-columns menetapkan bilangan dan lebar lajur 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 lajur dalam sebarang unit untuk saiz. Sifat dinyatakan dalam elemen induk dan menentukan lebar lajur untuk elemen-elemen anak.

Sintaks

cssselector {
  grid-auto-columns: lebar lajur;
}

Contoh

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

html<div id="parent">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
</div>

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

Результат:

Lihat juga