Elemente, die alle Spalten / Zeilen über das CSS-Grid-Layout umfassen

8

Mit dem CSS-Grid-Layout-Modul, das bald in Firefox und Chrome geliefert wird, dachte ich, dass ich versuchen würde, einen Griff darüber zu bekommen, wie man es benutzt.

Ich habe versucht, ein einfaches Gitter mit einem Element a zu erstellen, das die linke Seite aller Zeilen überspannt, mit den anderen Elementen ( b , c , d , e usw.) .) über die rechte Seite einzelner Zeilen. Die Anzahl der Elemente, die sich über die rechte Seite der Zeilen erstrecken, ist variabel. Daher kann es eine Kombination aus b , c , d , e usw. geben. Daher verwende ich die grid-auto-rows -Eigenschaft . Daher kann ich keine feste Anzahl von Zeilen für a definieren, aber ich möchte, dass a alle verfügbaren Zeilen deckt

%Vor% %Vor%

Was soll ich tun, damit a alle Zeilen überspannt, ohne zu wissen, wie viele Zeilen am Ende stehen?

    
Marlius 15.02.2017, 02:40
quelle

1 Antwort

1

Sie könnten einen hudge-Wert der Zeile verwenden, um zu überspannen (mindestens so viel, wie Sie maximal von Zeilen annehmen könnten) :

%Vor% %Vor%

oder meinst du:

%Vor% %Vor%

Hier ist ein Codepen, mit dem Sie live spielen können

    
G-Cyr 15.02.2017 03:21
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Rails 3 bis 4 Migration Eindeutigkeit Validierungsprobleme