Javascript 试着用砖石砌成4根柱子,怎么了?

Javascript 试着用砖石砌成4根柱子,怎么了?,javascript,jquery,jquery-masonry,Javascript,Jquery,Jquery Masonry,在这一页上:我试图得到4列网格,但它不起作用。怎么了 我已经尝试了很多方法,现在我正在使用Mashise主页上描述的方法,容器中的一个元素给出了柱的宽度 <script src="http://dev1.tigerweb.dk/YTcapture/tigerweb/masonry.pkgd.min.js"></script><script src="http://dev1.tigerweb.dk/YTcapture/tigerweb/image.js"><

在这一页上:我试图得到4列网格,但它不起作用。怎么了

我已经尝试了很多方法,现在我正在使用Mashise主页上描述的方法,容器中的一个元素给出了柱的宽度

<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>

.grid sizer{宽度:25%;}
.砌体项目{
宽度:25%;
填充:15px;
背景:#e0;
-moz边界半径:15px;
边界半径:15px;
边缘底部:10px;
}
.mashise-item.w2{宽度:25%;}
Nordjylland地区TilesAalborg ellerÅlborg[3]er en品牌
Nordjylland地区TilesAalborg ellerÅlborg[3]er en品牌
品牌TilesByens navn kendes som Alabur og Alebu påmønter fra 1000塔莱。我是阿勒堡的约德博·海德尔。Navnet menes位于komme afáll,位于斯马尔街(strøm eller Sejlende)。
1948年1月1日,品牌TilesStavemåden medÅblev indført efter Retskrivingsreformen i。1984年,文化部长米米·雅各布森·贝斯特姆特一世在科穆内尔·塞尔夫·库恩·瓦尔格·斯塔维德(kommunerne selv kunne vælge stavemåde)举行的会议上被低估。
var container=document.querySelector(“#container”);
var msnry=新砌体(容器、{
columnWidth:“.grid sizer”,
项目选择器:'.Massive项目',
排水沟:10
});
imagesLoaded(容器,函数(){
msnry.layout();
});

我建议将底部脚本标记的内容替换为:

var wall = new Masonry(document.querySelector("#container"),{columnWidth: 20, isFitWidth: true});
wall.reloadItems();
或者它没有发生