2

我想在 CSS 中创建一个列表，但我不确定该怎么做。我有一个左浮动的 div，它们的宽度始终是恒定的（240px）！但它们的高度可以是动态的。

需要计算的更多参数是行数也是动态的，在这张图片中是 3 行，但它可以是 4、5 甚至 10 行（基于 screen.width）所以我不能使用这个代码：

<div class="row1">
    <div class="list-box"></div>
    <div class="list-box"></div>
    <div class="list-box"></div>
    <div class="list-box"></div>
    <div class="list-box"></div>
</div>

<div class="row2">
    <div class="list-box"></div>
    <div class="list-box"></div>
    <div class="list-box"></div>
    <div class="list-box"></div>
</div>

<div class="row3">
    <div class="list-box"></div>
    <div class="list-box"></div>
    <div class="list-box"></div>
</div>

这是我想用 css 制作的图片： http: //i.stack.imgur.com/usPlB.png：

在此先感谢，丹尼尔。

4

1 回答 1

0

您实际上不能在纯 CSS 中执行此操作，因为您需要 JavaScript 能够动态计算将某些东西水平放置的位置。

但是，您可以使用Masonry，它既可以作为独立程序，也可以作为 jQuery 插件使用。

于 2013-09-16T12:16:15.977 回答