为什么我的网站失去了网格布局对齐。它是用砖砌的答案

【问题标题】：Why my site lost its grid layout alignment. It's made with masonry为什么我的网站失去了网格布局对齐。它是用砖砌的
【发布时间】：2012-12-19 10:13:51
【问题描述】：

我创建了一个图库页面。它显示具有可变高度的图像。正如here to use a masonry plugin 建议的那样，我使用了砌体插件。一直到昨晚都很好用。

但是今天早上当我再次检查时，我失去了对齐。自过去 3 天以来，未对网站进行任何更改。这是快照。

之前，所有的div都会自动调整（标记的空格被消除了），显示看起来像

http://pinterest.com/

但突然间，我的网站失去了对齐。无法弄清楚问题。

可能是什么问题....请帮助我。我的网站存在大问题

这里是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'
  });
});

砌体在 IE 8 中不起作用

注意：我正在使用 codeigniter，因此我在视图中加载页眉、正文、页脚等文件。

【问题讨论】：

哥布林，绝对是哥布林……但老实说，如果没有活生生的例子或一些代码，我们怎么知道？
您需要提供更多详细信息。我们当地的心灵感应者正在度假。
哥布林克里斯R是什么意思
那是讽刺@Ramarajudantuluri，如果您希望得到任何有意义的答案，我们真的需要关于您的问题的更多信息。
请看我的编辑@ChrisR

标签： php css jquery-masonry

【解决方案1】：

尝试只使用 .box .col2 等砌体插件中所需的类 ...

其他类可能会影响您的整体对齐..

【讨论】：

我只有两个div，一个是#container，另一个是#imagesection，我只申请了这两个div。另外，如果我使用了您提到的所有 css 类，这将不会更早！
@Rama raju dantuluri -- 我无法从这里完全猜到尝试也包含 .box 类，如果您有火灾错误，请检查控制台是否有任何错误
嘿@abhi 我已经用 css 和 masonry javascript 应用程序编辑了我的问题。请看一看。我猜砌体插件发生了一些变化，导致了这个问题。因为一下子为什么会提出这个问题？我说的对吗？
@Rama raju dantuluri - 检查 clearfix 和 masonry 类包含在您的 div 中的“火虫”
您好，我成功正确显示，但是加载速度很慢。我只使用一个插件砌体。我在 div 中加载的图像被调整为 214px。缓慢的原因可能是什么。

【解决方案2】：

在我看来，周围的容器太大了。再次将宽度调整为更小。你可以在右边界看到平铺算法，所以我猜砌体效果很好。

【讨论】：

为了获得清晰的屏幕截图并让您了解有关对齐的问题，我缩小了屏幕并拍摄了屏幕截图。所以这可能是它似乎有很大的周围容器的原因。
你的意思是你有响应式布局，当你放大问题时仍然存在？ Masonry 需要一个固定宽度的容器，不能使用响应式布局。
这个问题甚至在默认缩放下仍然存在。我的意思是，为了完整查看我的网站（到目前为止，我无法为您提供网站链接，抱歉！）我在浏览器窗口放大时截取了屏幕截图。