Als «css-grid» getaggte Fragen

7
Zentrieren im CSS-Raster
Ich versuche, eine einfache Seite mit CSS Grid zu erstellen. Was ich nicht mache, ist den Text aus dem HTML in die entsprechenden Rasterzellen zu zentrieren. Ich habe Platzierung Inhalt versucht , in separaten divs sowohl innerhalb als auch außerhalb der left_bgund right_bgWähler und spielt mit einigen der CSS - …
179 html  css  centering  css-grid 
4
Verhindern Sie, dass Inhalte Rasterelemente erweitern
TL; DR: Gibt es etwas Ähnliches table-layout: fixedfür CSS-Grids? Ich habe versucht, einen Jahresansichtskalender mit einem großen 4x3-Raster für die Monate und darin verschachtelten 7x6-Raster für die Tage zu erstellen. Der Kalender sollte die Seite füllen, damit der Jahresrastercontainer eine Breite und Höhe von jeweils 100% erhält. .year-grid { width: …
2
Nur CSS-Mauerwerkslayout
Ich muss ein ziemlich gewöhnliches Mauerwerkslayout implementieren. Aus einer Reihe von Gründen möchte ich jedoch kein JavaScript verwenden, um dies zu tun. Parameter: Alle Elemente haben die gleiche Breite Elemente haben eine Höhe, die serverseitig nicht berechnet werden kann (ein Bild plus verschiedene Textmengen) Ich kann mit einer festen Anzahl …
134 html  css  flexbox  css-grid 
5
CSS-Rasterumbruch
Ist es möglich, einen CSS-Grid-Wrap ohne Medienabfragen zu erstellen? In meinem Fall habe ich eine nicht deterministische Anzahl von Elementen, die in ein Raster eingefügt werden sollen, und ich möchte, dass dieses Raster umbrochen wird. Mit Flexbox kann ich die Dinge nicht zuverlässig platzieren. Ich möchte auch eine Reihe von …
126 html  css  css-grid 
2
Zeilen gleicher Höhe im CSS-Rasterlayout
Ich stelle fest, dass dies mit Flexbox nicht möglich ist, da jede Zeile nur die minimale Höhe haben kann, die zum Anpassen ihrer Elemente erforderlich ist. Kann dies jedoch mit dem neueren CSS-Raster erreicht werden? Um es klar auszudrücken, möchte ich für alle Elemente in einem Raster über alle Zeilen …
3
Flex / Grid-Layouts funktionieren nicht mit Schaltflächen- oder Feldsatzelementen
Ich versuche, innere Elemente eines <button>Tags mit Flexboxen zu zentrieren justify-content: center. Aber Safari zentriert sie nicht. Ich kann den gleichen Stil auf alle anderen Tags anwenden und er funktioniert wie vorgesehen (siehe <p>-tag). Nur die Schaltfläche ist linksbündig. Probieren Sie Firefox oder Chrome aus und Sie können den Unterschied …
91 html  css  safari  flexbox  css-grid 
4
CSS-Grid-Container zwingen, den Vollbildmodus des Geräts zu füllen
Wie erzwinge ich, dass ein CSS-Rastercontainer die volle Breite und Höhe des Gerätebildschirms für eine App mit nur einer Seite übernimmt? Das geänderte Beispiel stammt aus der Mozilla: Firefox-Dokumentation .wrapper { display: grid; border-style: solid; border-color: red; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 10px; } .one { border-style: solid; …
71 html  css  css-grid 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.