6

ギャラリーページを作りました。高さが可変の画像を表示します。石積みプラグインを使用するためにここで提案されているように、私は石積みプラグインを使用しました。昨夜まで大活躍でした。

しかし、今朝もう一度確認したところ、位置合わせが失われていました。過去 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'
  });
});

Masonry が IE 8 で機能しない Masonry が IE 8 で機能しない

注: 私は codeigniter を使用しているため、ヘッダー、ボディ、フッターなどのファイルをビューに読み込んでいます。

4

2 に答える 2

6

.box .col2 などの masonry プラグインから必要なクラスのみを使用するようにしてください ...

他のクラスは、全体の属性に影響を与える可能性があります..

于 2012-12-19T10:58:07.043 に答える
2

周囲のコンテナが大きすぎるように見えます。幅をもう一度小さく調整します。右側の境界線にタイリング アルゴリズムが表示されているので、石積みは完璧に機能していると思います。

于 2012-12-19T10:55:12.147 に答える