每两件物品之间的砌体空间

时间:2014-08-14 08:37:19

标签: javascript jquery html css

最近有人问我是否可以在他的网站上放入谷歌adsense。他有一个砖石风格的布局,每行有两个帖子和一个侧边栏。

他希望广告显示在第一行和第二行之间(见下图)

见图片 enter image description here

1 =具有动态宽度和高度的砌体元素列中的帖子

2 =包含所有帖子的div

3 =应放置广告的位置

我最初的想法是尝试包裹每一行。然而,容器并没有保留绝对的砖石元素。

其次,我尝试给我放在其他两个帖子周围的容器,以获得第一个项目的高度,但这不起作用,因为我然后得到了该容器的正确高度,但它没有推动第二个用边距或填充向下划线。

还有其他办法可以实现吗?谢谢!

1 个答案:

答案 0 :(得分:1)

正如phpdna所提到的,请加上印章!

container.masonry({
    itemSelector: ".item",
    stamp: ".yourAd"
});

然后将yourAd课程应用到广告的div。