Eigenschaft grid-auto-columns

Die Eigenschaft grid-auto-columns legt die Anzahl und Breite der Spalten fest, die ein Element im impliziten Grid einnimmt. Implizites Grid - ein Grid, das automatisch erstellt wird, wenn Elemente über den Rahmen des bereits definierten Grids hinausgehen. Im Wert der Eigenschaft geben wir die Breite der Spalten in beliebigen Einheiten für Größen an. Die Eigenschaft wird im übergeordneten Element angegeben und bestimmt die Breite der Spalten der untergeordneten Elemente.

Syntax

Selektor {
	grid-auto-columns: Spaltenbreite;
}

Beispiel

Lassen Sie uns die Spaltenbreite für unsere Elemente im impliziten Grid festlegen:

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

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

Siehe auch

die Eigenschaft grid-auto-rows,
die die Anzahl und Höhe der Zeilen im impliziten Grid festlegt
die Eigenschaft grid-template-columns,
die die Anzahl und Breite der Spalten im Grid festlegt