この質問はすでにdifferent situationで尋ねられています。垂直ギャップが現れる - jQuery Masonry - (シームレスなフォトグリッド)
jQuery Masonryでシームレスなフォトグリッドを実現しようとしています。
は私のバイオリンをチェックアウト:
http://jsfiddle.net/drw158/sAkjv/
垂直方向のギャップがあります。 なぜですか?
この質問はすでにdifferent situationで尋ねられています。垂直ギャップが現れる - jQuery Masonry - (シームレスなフォトグリッド)
jQuery Masonryでシームレスなフォトグリッドを実現しようとしています。
は私のバイオリンをチェックアウト:
http://jsfiddle.net/drw158/sAkjv/
垂直方向のギャップがあります。 なぜですか?
はブロックレベル要素としてあなたのイメージを表示します。これが動作するかどうか
.ct-coll-item img {
display: block;
}
は参照してください:なぜに関してはhttp://jsfiddle.net/drw158/sAkjv/1/
を、私は考えています。画像はインライン要素なので、私の推測はそうだろうが、それは直接の説明ではない。
問題はあなたのdoctypeです。それをXHTML 1.0 Transitionalに変更してください。それからすべてが問題ありません。
<img/>
をフロートにする必要があります。
「表示ブロック」が機能しているようです – davecave