Kann ich CSS-Grids mit einer dynamischen Anzahl von Zellen / Zeilen haben?

10

Was ich tun möchte, ist ein CSS-Gitter mit einer dynamischen Anzahl von Zellen. Der Einfachheit halber nehmen wir an, dass es immer vier Zellen pro Zeile geben wird. Kann ich ein Raster mit einer solchen dynamischen Anzahl von Zeilen angeben?

Um es einfacher zu machen, hier ist die Flexbox-Implementierung:

%Vor% %Vor% %Vor%

P. S. Anscheinend war ich beim ersten Mal nicht klar genug ... Ich möchte diesen Effekt mit den neuesten CSS-Rasterlayout.

    
art-solopov 30.03.2017, 10:55
quelle

2 Antworten

8
___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ qstnhdr ___ Kann ich CSS-Grids mit einer dynamischen Anzahl von Zellen / Zeilen haben? ___ answer43116461 ___

So etwas?

%Vor% %Vor% %Vor%
    
___ tag123cssgrid ___ CSS-Rasterlayout ist eine W3C-Technologie, mit der Raster erstellt werden können. Es eliminiert die Notwendigkeit, Floats, Tabellen, absolute Positionierung und sogar Flexbox (eine andere CSS3-Technologie) zu verwenden, um alle Arten von Rastern zu erstellen, von einfach bis komplex. Verwenden Sie dieses Tag NICHT für CSS-Grid-Systeme im Allgemeinen. ___ antwort43117491 ___

Okay, nach dem Lesen der MDN-Referenz habe ich die Antwort gefunden! Der Schlüssel zu dynamischen Zeilen (oder Spalten) ist die Eigenschaft repeat .

%Vor% %Vor% %Vor%

P. S. Oder Sie können grid-auto-rows in meinem speziellen verwenden Beispiel.

    
___ qstntxt ___

Was ich tun möchte, ist ein CSS-Gitter mit einer dynamischen Anzahl von Zellen. Der Einfachheit halber nehmen wir an, dass es immer vier Zellen pro Zeile geben wird. Kann ich ein Raster mit einer solchen dynamischen Anzahl von Zeilen angeben?

Um es einfacher zu machen, hier ist die Flexbox-Implementierung:

%Vor% %Vor% %Vor%

P. S. Anscheinend war ich beim ersten Mal nicht klar genug ... Ich möchte diesen Effekt mit den neuesten CSS-Rasterlayout.

    
___
art-solopov 30.03.2017, 12:10
quelle
0

So etwas?

%Vor% %Vor% %Vor%
    
Adam K. 30.03.2017 11:22
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie kann man auf die Kernobjektbeschriftung zurückgreifen?