编辑：一些代码，以帮助您。

Question

我试图在没有帮助的情况下找到相关主题。

我需要在IPhone中构建网格，具有固定数量的列。我需要找到一个解决方案，从功能中添加它，并希望自动执行新行。

例如，我需要网格为5列，并且有1个图标。

调用该函数将添加内联，现在我将在同一行中有2个图标。

多次调用该功能需要在第一行有5个图标，在第二行有4个图标。

Jquery是否有UI处理它？或者我需要为列num实现表和计数器并获得新行？

Answer 1

使列宽达5个图标+图标之间的边距，然后将每个图标浮动到左侧。这应该可以解决问题。

编辑：一些代码，以帮助您。

让我们说这些图标宽50px，每个图标之间有10px的边距。

<强> HTML

<div id="iphone">
    <div class="icon"></div>
    <div class="icon"></div>
    <div class="icon"></div>
    <div class="icon"></div>
    <div class="icon"></div>
    <div class="icon"></div>
    <div class="icon"></div>
    <div class="icon"></div>
    <div class="icon"></div>
</div>

<强> CSS

#iphone {
    width: 290px;
    height: auto;
}

.icon {
    width: 50px;
    height: 50px;
    margin: 0 10px 10px 0;
}

.icon:nth-child(5n+0) {
    margin-right: 0px;
}

这是一个小提琴，以测试它：

http://jsfiddle.net/6EkNw/

jQuery添加图标内联。汽车新线

1 个答案:

编辑：一些代码，以帮助您。