0

我需要在我有“常规尺寸”和“2x2 常规尺寸”块的块的地方进行网站布局，并且它们应该排列得很好，无论我在哪里放大块和在哪里放小块。例如，如果我在下图中遇到这样的情况，我需要块 8 低于 5，块 9 将位于 8 旁边（低于块 6）等等。

图片：http: //i.stack.imgur.com/epWJo.png

到目前为止，这是我的 CSS：

    .block
{
    float: left;
    display: inline-block;
    margin: 3px;
    width: 141px;
    height: 150px;
    border-style: solid;
    background: lightgray;
    border-width: 1px;
}

.block4
{
    float: left;
    display: inline-block;
    margin: 3px;
    width: 294px;
    height: 308px;
    border-style: solid;
    background: lightgray;
    border-width: 1px;
}

你能帮我怎么做吗？

谢谢

4

2 回答 2

0

除非您想将 1/4 大小的块放入容器中，否则无法完成。使容器向左浮动，然后包含 4 个较小的块。或者你可以像其他人所说的那样使用 jQuery Masonry。

于 2013-07-31T17:58:59.007 回答
0

Isotope 或 jQuery Masonary 非常适合你想要的东西

http://isotope.metafizzy.co/

http://masonry.desandro.com/
于 2013-07-31T17:48:53.610 回答