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

我建议使用以下内容替换底部脚本标记的内容：

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

fiddle或者它没有发生！

试图用砖石砌成4列，什么是错的？

1 个答案: