block - CSS block 并排

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，除非您不必太担心浏览器支持/怪癖。

有关最流行的方法，请参阅砖石插件:http://masonry.desandro.com/