Ich bin mit Mauerwerk, seine nicht zu geben die richtige Höhe für die container, die, warum die Fliesen im inneren verlegen

Ich bin mit Mauerwerk zur Darstellung der Inhalte, masonry.desandro.com problem ist seine nicht zu geben die richtige Höhe auf den container, als wenn Sie wissen, dass, Mauerwerk dynamisch gibt Höhe, um container und margin-Stil-innen-Elemente, die aber nicht so funktioniert wie es sollte. hier ist das Mauerwerk js.

$(function(){
      $('#ItemContainer').masonry({
        //options
        itemSelector : '.item'
      });
    });

und dies ist mein html-Gerüst

<html><body>
<div id="content">
  <ul id="ItemContainer">
    <li class="item">here li content with block style</li>
    ....more li's
  </ul>
</div>
</body></html>

aber wenn ich die Höhe für jede li, dann funktioniert es gut, aber ein Bild kann es in beliebiger Höhe, so dass ich zu halten haben seine Höhe auf auto. zweite Reihe der Elemente werden überlappend auf die erste bis zu der Hälfte der ersten, und die Dritte auf die zweite, und so weiter...jedes mal wenn seine Angabe 426px Höhe der ItemContainer.

hier hochgeladen habe ich meinen code... www.testingmycode.comuv.com/rough2.html ...bitte machen Sie einen checkout. zeigt seine unerwünschten Verhalten, Presse laden, die Fliesen angeordnet sind, wie das Kartenspiel in MS windows, und wenn Sie die Fenstergröße ändern, Sie sind richtig angeordnet...drücken Sie die reload-Taste des Browsers 2-3 mal, die Größe Fenster, um Sie zu sehen. bitte machen Sie einen checkout.

  • Eine lese-Einführung-Seite und stellen Sie sicher, dass Ihre set-up ist mit Ihren Empfehlungen für die Praxis der Spaltenbreite etc: masonry.desandro.com/docs/intro.html
  • hier habe ich hochgeladen, mein code...<testingmycode.comuv.com/rough2.html> bitte machen Sie einen checkout. zeigt seine unerwünschten Verhalten, Presse laden, die Fliesen angeordnet sind, wie das Kartenspiel in MS windows, und wenn Sie die Fenstergröße ändern, Sie sind richtig angeordnet...drücken Sie neu laden, Fenster vergrößern, um Sie zu sehen. bitte machen Sie einen checkout.
InformationsquelleAutor user1531746 | 2012-08-17
Schreibe einen Kommentar