Question

假设我有一个容器div，其中包含“icon”类的div容器

e.g。

<div class="icons clearfix">
    <div class="icon">...</div>
    <div class="icon">...</div>
    <div class="icon">...</div>
    <div class="icon">...</div>
    <div class="icon">...</div>
    etc...
</div>

图标的宽度为100％，位于流体宽度容器中。 'icon'容器的固定值为100px（例如，尽管它可能是其他东西）。

给定一个表示div.icon元素的元素，我们如何在确定浏览器或容器大小调整时确定元素当前位于哪一行？第一行中的第一项？第五行中的第二项??

Answer 1

如果您可以假设.icon类的高度是固定的，那么您可以这样确定：

通过查看其.position()
将.top位置值除以.icon div高度来确定它的行。
向后移动（计算时）直到你到达position().left为0的DIV。
喝咖啡放松

这是一个工作小提琴：http://jsfiddle.net/vK3an/

JQuery Fluid CSS Floated DIV Rows遍历

1 个答案: