block - CSS ブロックを並べて表示

Question

CSSでそれを行うことは可能ですか？

私はこれを試しました：

    #gallery_ul  {
        display: inline-block;
        list-style: none outside none;
        margin: auto auto auto auto;
        width: 986px;
    }

    #gallery_ul li {
        float:left;
        margin:10px;
        padding:10px;
        text-align:center;
        border:1px solid grey;
        width:274px;
    }

    #gallery_ul img {
        padding-bottom:5px;
    }

はいの場合、どのように？ありがとうございました。

Answer 1

CSS 列または JavaScript を使用して実行できます。ブラウザのサポート/癖についてあまり心配する必要がない場合を除き、javascript をお勧めします。

これを行う最も一般的な方法については、Masonry プラグインを参照してください: http://masonry.desandro.com/