javascript - 使用 Div 水平和垂直填充空间

Question

我正在寻找一种方法来自动填充宽度为 x1 和高度为 y1 的 div 以及其他 div 元素，每个元素的宽度为 x2 和高度为 y2

所以 html 看起来像:

<div class="parentdiv">
    <div class="subdiv"></div>
    <div class="subdiv"></div>
    <div class="subdiv"></div>
    ...
</div>

根据显示所有信息所需的数量动态附加分割。我希望它们水平填充 parentdiv 中的空间，然后在碰到边缘时移动到下一行。

现在它们只是垂直堆叠在彼此之下，并且有很多空间浪费。是否有跨浏览器的解决方案？

Answer 1

<style type="text/css">
    .parentdiv .subdiv { display: inline-block; }
</style>

请注意 IE7 在 div 的内联方面存在问题，因此您可能需要制作这些 subdivs、subspans(仍然使用 inline-block)；

---

或者 Brian 的 float:left;

解决方案