我创建了一个画廊页面.它显示具有可变高度的图像.正如这里建议使用砌体插件我使用砌体插件.直到昨晚一直很好.
但今天早上,当我再次检查它时,我失去了对齐.自过去3天以来未对网站进行任何更改.这是快照.
之前,所有div都会自动调整(标记的空格被删除),显示效果如下
但突然间我的网站失去了对齐.无法弄清楚问题.
可能是什么问题....请帮助我.在我的网站的一个大问题
这是css对齐和砌体应用程序
#body {background-color:#1c4d5c;padding:10% 0% 20% 20%;}
#imagesection
{
margin:10px 10px 10px 10px;
float:left;
width:214px;
border: 5px solid #f0f0f0;
background-color:#d2dbde;
border-radius:5px;
}
var $container = $('#body');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '#imagesection'
});
});
Run Code Online (Sandbox Code Playgroud)
砌体在IE 8中不起作用
注意:我正在使用codeigniter,因此我在视图中加载页眉,正文,页脚等文件.