Div Gallery - div表示を "left"に揃えて、応答性の高い高さを設定しようとしています

Question

私はブログ投稿の表示グリッドを作成しようとしています。私のfiddleはhereです。これらのdivsは現在、ページの中央に配置されています。しかし、私はしたい：

1. divsのアライメントを中央ではなく左に変更します。各投稿が生成されるにつれて、自然な読み上げ順序で行われる。
2. divsの高さを反応させます。これはつまり、個人の身長が既に応答していることを意味します。しかし、divの次の行は、その上の行の単一長のdivの底に基づいて整列されます。私はこれを達成する方法としてthis http://i65.tinypic.com/11h864p.png任意のアイデア：here http://i65.tinypic.com/xdxg01.jpg

下図に示すように、各divが、それより上divによって取られていないスペースを埋めるためにのために私は現在、私のコードは、この私をレンダリングしたいですか？ありがとうございました！

Answer 1

あなたは（古いブラウザでは動作しません）this近代的なCSSのアプローチを使用することができ

column-break-inside: avoid; // for each content "widget" 

OR

あなたはこれを達成できるようにするJavaScriptのライブラリの一部を使用することができます。

を
• bricklayer.js
• Masonry