Abstand Zwischen Zeilen mit Materialisieren CSS
Mit MaterializeCSS, wie kann ich das einstellen/entfernen der vertikale Abstand zwischen den Zeilen?
Beispiel-code:
<div class="row">
<div class="col s12" style="text-align: center;">
foobar
</div>
</div>
<div class="row">
<div class="col s12" style="text-align: center;">
12345
</div>
</div>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Habe ich es herausgefunden. Jedes
col
innerhalb einer einzigenrow
beseitigen Sie den vertikalen Abstand.Es ist verwirrend, aber es funktioniert. Konzeptionell, ich würde denken, dass eine "Zeile" ist eine Zeile in der Tabelle, zwingt alles, was im inneren, dass es auf eine einzelne Zeile unabhängig von der Größe, aber das funktioniert da jeder
col
hats12
(volle Breite) Größe. Hoffe, diese Antwort hilft jemand anderes.<div class="row">
- tags Weg. Tun<div class="row" style="margin-bottom: 0px;">
Ich Tat dies, um schnell Raum mit klaren und Marge, wenn ich muss.
Diese Methoden Verwenden:
Dann das problem mit unerwünschten Leerzeichen Weg.
Weiter kannst du auch jeden anderen Stil, um Ihre div -
margin: 0 !important;
zu das auch? Anderenfalls ist der Inhalt jeder Spalte wird "schweben" in der Außenwelt.Ich fest, dass die Bereitstellung einer Feste Höhe der
.col
s auf den größeren Bildschirm. Wenn Ihr.col
Höhe befestigt werden kann (vermutlich auch jede andere Klasse und Sie zu lösen, oder den größeren Bildschirm oder ein Bildschirm, wo dieses problem wird verursacht, die ich bin sicher, dass das medium col erfolgt die meisten.).Hier ist ein Schnipsel, die für mich gearbeitet, wenn es mehrere
.col
als eine 12-grid-Zeile Anhängen können Sie:Für Ihre Lösung war es einfach, dass Sie brauchen, um all die
.col
s in einer Zeile, wie.row
Art der Kräfte, die die nächste Zeile. Und es ist offensichtlich, dass eine Zeile benötigen würde, um ihn zu füllen ist.row
Kapazität, also war es gut fest, indem Sie Ihre selbst.