2016-08-30 1 views
2

ich dieses Mauerwerk Gitter habe ich versucht, http://codepen.io/soursocks/pen/QKLGrRMauerwerk wird in die Lücken in meinem Raster nicht füllen

einzurichten, aber aus irgendeinem Grund das Gitter wird sich nicht ausfüllen.

ich denke, es könnte ein Problem mit meinem CSS sein.

wahrscheinlich mit etwas zu tun

.grid-items { 
    background: black; 
    margin-left: 0; 
} 

/* items are not quite 1/3 wide */ 
.item { 
    float: left; 
    width: 33.2%; 
} 

/* images cover up the gap */ 
.item img { 
    display: block; 
    width: 100.5%; 
} 

i ein Beispiel folgte ich hier sah http://codepen.io/desandro/pen/myBxD aber kann nicht scheinen, um die Wirkung

ich weiß, neu zu erstellen diese vor geschrieben wurde, aber ich couldn‘ t ein, dass meine Frage beantwortet

Antwort

3

Sie haben nur 2 Fehler

in Ihrem html die d entfernen ot vor dem Gitter-Artikel

<div class="grid-items"> 

und umfasst die Mauer- js in Ihrem js Abschnitt

http://rawgithub.com/desandro/masonry/v2.1.08/jquery.masonry.js 
+0

Dank! Das hat es tatsächlich behoben. Ich weiß nicht, wie ich den Punkt im HTML verpasst habe. Soweit das Mauerwerk geht. Die Isotop js-Datei, die enthalten ist, hat Mauerwerk darin. Aber ich denke, es ist eine andere Version – sourlemonaid

+0

maurery.js und isotope.js sind verschiedene Bibliotheken. Isotop "umfasst" kein Mauerwerk, sondern hat ein Mauerwerk-Layout, daher müssen Sie eine der zu verwendenden Bibliotheken auswählen. Zum Beispiel kann man isotope.js nicht laden und '$ ('. Grid') aufrufen. Maureature();'. Auch @Rudi Urbanek, maurery.js ist bei v4.1.1, also ist 2.1.08 sehr alt. – Macsupport

Verwandte Themen