Rand zwischen den Zeilen mit Skel

Question

Ich benutze Skel Grid-System, um mein Layout einzurichten, aber ich verstehe nicht, wie Sie den Abstand zwischen den Zeilen hinzufügen.

Hier ist, was mein HTML-Code wie folgt aussieht:

<style> .element{ border: 1px solid black; } </style> 
<!--[...]!--> 
<div class="row"> 
    <div class="element 4u 12u(small)"> ROW_1 </div> 
    <div class="element 4u 12u(small)"> ROW_2 </div> 
    <div class="element 4u 12u(small)"> ROW_3 </div> 
</div> 

Wie erwartet, in einer Zeile meiner Inhaltsanzeige:

[ ROW_1 ][ ROW_2 ][ ROW_3 ] 

Das Problem ist, dass die letzte Zeile in eine neuen Zeile gehen, wenn ich fügen Sie der .element-CSS-Klasse einen Rand hinzu.

<style> .element{ border: 1px solid black; margin: 1em; } </style> 

Die Marge hinzugefügt wird, aber es brokes das Rastersystem ergibt:

[ ROW_1 ] [ ROW_2 ] 
[ ROW_3 ] 

ich glaube, ich sollte nicht eine CSS-Marge Eigenschaften verwenden, sondern stattdessen eine Reihe/grid on the fly Modifikator verwendet wird, aber alle meine Versuche sind erfolglos.

ich möchte es sieht wie folgt aus:

[ ROW_1 ] [ ROW_2 ] [ ROW_3 ] 

Ich baseline als vorformulierten verwenden und nur knapp sein Ziel modifiziert keine Skel Optionen.

Answer 1

Ich fand meine Lösung.

Der Code:

<style> .element{ border: 1px solid black; margin: 1em;} </style> 
<!--[...]!--> 
<div class="row"> 
    <div class="4u 12u(small)"><div class="element"> ROW_1 </div></div> 
    <div class="4u 12u(small)"><div class="element"> ROW_2 </div></div> 
    <div class="4u 12u(small)"><div class="element"> ROW_3 </div></div> 
</div> 

Die Erklärung:

Ich war eine Marge auf einer Skel Reihe einrichten, damit sein Layout zu brechen. Die Lösung besteht darin, ein neues Container-div um den Inhalt mit allen erforderlichen Rändern und CSS hinzuzufügen, sodass das Skel-Layout nicht geändert wird, da der Rand immer relativ zu seinem übergeordneten Element ist. Hoffe, es wird helfen!

Answer 2

Aktualisieren Sie Ihre CSS wie:

.element{ border: 1px solid black; float:left; width:32.9%;} 

Breite Sie so viel steuern können, wie Sie möchten.