grid

Englisch [grɪd] US [ɡrɪd]

n. Gitter, nicht substantiv; Systemnetz (von Übertragungsleitungen, Erdgaspipelines usw.)

Plural: Gitter

columns

Englisch['kɒləm]

n Column; (Plural) Column

CSS-Grid-Columns-Eigenschaft Syntax

Funktion: Gibt die Breite jeder Spalte im Raster an.

Syntax: grid-columns: length|%|none|inherit;

Beschreibung: length bezieht sich auf das Raster, das Blöcke enthält. % Verweis auf die Breite des enthaltenden Blocks.​

Hinweis: Die Verwendung eines Rastersystems kann für Druckdesigner von großem Nutzen sein. Die gleichen Änderungen werden jetzt auf Online-Inhalte angewendet. Rastereigenschaften bieten die Möglichkeit, die Größe und Position von Titeln, Text und Bildern in einem skalierbaren Raster anzupassen. Derzeit unterstützen keine Browser Rasterspalten.

CSS-Grid-Columns-Eigenschaft Beispiel

//在 div 元素中部添加一个网格行,距右侧 200 像素处添加另一个,在余下空间的中间再添加一个:
div{grid-columns:50% * * 200px;}