Die beste Methode, um das Gitter von pure-css zu erweitern, um Rinnen zu haben

8

Ich komme aus einem SUITCSS-Hintergrund zu Pure CSS (dem Yahoo! Framework) und suche nach einer übersichtlichen Methode, um Rinnen zu mehrspaltigen Gittern hinzuzufügen.

Ich habe die L-Box-Technik erwähnt, kann aber kein anständiges Beispiel dafür finden.

Hier ist, was ich gerade versuche, indem ich die pure-g - gutter Klasse hinzufüge:

%Vor%

Leider werden die Ränder und das Padding erwartungsgemäß gesetzt, aber das Gitter führt die zweite Spalte (von zwei) in die nächste Zeile zurück.

PureCSSers: Was verwenden Sie, um gespaltene Gitterspalten zu erzielen?

    
Steve Jalim 05.07.2014, 23:23
quelle

2 Antworten

6

Es ist nicht notwendig, padding zu verwenden, wenn Sie den Kindern Ränder hinzufügen können.

%Vor%     
Mooseman 09.07.2014, 13:40
quelle
2

Sie müssen die Boxengröße jeder Gitterrahmenbox anpassen und eine Füllung hinzufügen, damit der innere Inhalt zwischen den Grenzen Platz lässt:

%Vor%
Jede Rasterspalte hat einen Innenabstand, sodass das untergeordnete div in der Spalte Platz hat. Fügen Sie dem Child-Div einen Hintergrund hinzu, so dass der Space angezeigt wird.

Schau es dir in Aktion auf meinem Codepen an: Ссылка

    
user3411192 24.03.2016 20:16
quelle

Tags und Links