試圖用磚石砌成4列，怎么了？

Question

在此頁面上： http : //dev1.tigerweb.dk/YTcapture/features/brands我嘗試獲取4列網格，但是它不起作用。 怎么了？

我嘗試了許多方法，現在我使用的是石工首頁中介紹的方法，容器內的元素提供了列寬。

<script src="http://dev1.tigerweb.dk/YTcapture/tigerweb/masonry.pkgd.min.js"></script><script src="http://dev1.tigerweb.dk/YTcapture/tigerweb/image.js"></script><style>
.grid-sizer {width:25%;}
.masonry-item {
width: 25%; 
padding:15px;
background:#e0e0e0;
-moz-border-radius: 15px;
border-radius: 15px;
margin-bottom: 10px;
}
.masonry-item.w2 { width: 25%; }
</style>
<div style="position: relative; height: 1206px;" id="container">
<div class="grid-sizer"></div>
  <div class="masonry-item" ><h2 class="uk-article-title" style="font-size: 36px;margin-bottom:0px;">Brands Tiles</h2>Aalborg eller Ålborg[3] er en by i Region Nordjylland</div>
  <div class="masonry-item w2"><h2 class="uk-article-title" style="font-size: 36px;margin-bottom:0px;">Brands Tiles</h2>Aalborg eller Ålborg[3] er en by i Region Nordjylland</div>
  <div class="masonry-item"><h2 class="uk-article-title" style="font-size: 36px;margin-bottom:0px;">Brands Tiles</h2>Byens navn kendes som Alabur og Alebu på mønter fra 1000-tallet. I Kong Valdemars Jordebog hedder den Aleburgh. Navnet menes at komme af áll, der er en smal strøm eller sejlrende.</div>
  <div class="masonry-item"><h2 class="uk-article-title" style="font-size: 36px;margin-bottom:0px;">Brands Tiles</h2>Stavemåden med Å blev indført efter retskrivningsreformen i 1948. Undervisningsminister Bertel Haarder og kulturminister Mimi Jacobsen bestemte i 1984, at kommunerne selv kunne vælge stavemåde.</div></div><script>
var container = document.querySelector('#container');
var msnry = new Masonry( container, {
  columnWidth: '.grid-sizer',
  itemSelector: '.masonry-item',
  gutter: 10
});
imagesLoaded( container, function() {
  msnry.layout();
});
</script>

Answer 1

我建議將底部的script標記的內容替換為：

var wall = new Masonry(document.querySelector("#container"),{columnWidth: 20, isFitWidth: true});
wall.reloadItems();

擺弄或沒有發生！