垂直ギャップが現れる - jQuery Masonry - （シームレスなフォトグリッド）

Question

この質問はすでにdifferent situationで尋ねられています。

jQuery Masonryでシームレスなフォトグリッドを実現しようとしています。

は私のバイオリンをチェックアウト：

http://jsfiddle.net/drw158/sAkjv/

垂直方向のギャップがあります。 なぜですか？

Answer 1

はブロックレベル要素としてあなたのイメージを表示します。これが動作するかどうか

.ct-coll-item img { 
    display: block; 
} 

は参照してください：なぜに関してはhttp://jsfiddle.net/drw158/sAkjv/1/

を、私は考えています。画像はインライン要素なので、私の推測はそうだろうが、それは直接の説明ではない。

Answer 2

問題はあなたのdoctypeです。それをXHTML 1.0 Transitionalに変更してください。それからすべてが問題ありません。

Answer 3

<img/>をフロートにする必要があります。