Sifa ya grid-auto-columns

Sifa grid-auto-columns inabainisha idadi na upana wa safu wima ambazo kipengele kitachukua kwenye gridi ya kawaida. Gridi ya kawaida - gridi inayoundwa moja kwa moja, wakati vipengele vinatoka nje ya mipaka ya gridi iliyowekwa tayari. Kwenye thamani ya sifa tunaweka upana wa safu wima kwa vipimo vyovyote vya saizi. Sifa huelezwa kwenye kipengele-kizio na inabainisha upana wa safu wima za vipengele-vizazi.

Kiundo

csskichaguli {
  grid-auto-columns: upana wa safu wima;
}

Mfano

Wacha tuweke upana wa safu wima kwa vipengele vyetu kwenye gridi ya kawaida:

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;
}

Результат:

Angalia pia