Heim >Web-Frontend >CSS-Tutorial >So verwenden Sie die CSS-Grid-Columns-Eigenschaft

So verwenden Sie die CSS-Grid-Columns-Eigenschaft

silencement
silencementOriginal
2019-05-28 09:27:182594Durchsuche

So verwenden Sie die CSS-Grid-Columns-Eigenschaft

CSS-Grid-Columns-Attributdefinition und -verwendung

In CSS wird das Grid-Columns-Attribut verwendet, um jede Spalte in der Rasterbreite festzulegen Die Verwendung eines Rastersystems kann für Druckdesigner von enormem Wert 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.

Das CSS-Grid-Columns-Attribut ist ein neues Attribut in CSS3. Derzeit unterstützen Mainstream-Browser dieses Attribut nicht.

CSS-Grid-Spalten-Attribut-Syntaxformat

CSS-Syntax: Grid-Spalten: Länge|%|none|inherit;

JavaScript-Syntax: Objekt .style.gridColumns="50% * * 200px";

CSS-Grid-Columns-Attributwertbeschreibung

Länge: Verweis auf das Raster, das den Block enthält

%: Verweis auf die Breite des enthaltenden Blocks

keine: Keine

inherit: Den Attributwert dieses Attributs vom übergeordneten Element erben

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Grid-Columns-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn