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”属性，然后方块将自动组织，或者您可以创建三个垂直列，然后将方块放在里面。