<div> </div>的自适应网格

Question

我想创建一个网页，其中有表格25-50 div，并且一行中div的数量取决于html窗口大小（例如，连续6个100px div，屏幕宽度为640px，以及10个div连续1024px）如何实现它？

Answer 1

您只能使用 CSS 使用float属性来实现此目的：

div{
    float:left;
}

请参阅此 FIDDLE 作为示例。

Answer 2

试试这个。

#wrap div{
    width:150px;
    height:150px;
    background:aqua;
    display:inline-block;
    border-radius: 10px;
    vertical-align:top;
    margin-bottom:10px
}

检查更新小提琴代码：http://jsfiddle.net/YS5d7/26/