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

请参阅砌体插件了解最流行的方法： http: //masonry.desandro.com/

Answer 2

你可以。但我认为你必须更具体。

一种近似方法是创建每个块并设置“float:left”属性，然后方块将自动组织，或者您可以创建三个垂直列，然后将方块放入其中。