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

我正在寻找一种自动使用其他div元素（宽度分别为x2和高度y2）填充宽度为x1和高度y1的div的方法

所以html看起来像：

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

根据显示所有信息所需的数量，动态细分这些细分。我希望他们水平填满parentdiv中的空间，然后在碰到边缘时移至下一行。

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

最佳答案

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

请注意，IE7在div的内联方面存在问题，因此您可能需要将这些subdiv，subspans（仍使用inline-block）；



或者Brian的float:left;解决方案

关于javascript - 使用Div水平和垂直填充空间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10235320/