0

假设我有一个容器 div,其中是类“图标”的 div 容器

例如

<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 元素的元素,在考虑浏览器或容器大小调整时,我们如何确定该元素当前在哪一行中的位置?第一行的第一项?第五行第二项??

4

1 回答 1

2

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

  • 通过查看 div 来确定 div 的位置.position()
  • .top通过将位置值除以.icondiv 高度来确定它的行。
  • 向后遍历(计数时),直到到达一个position().left为 0 的 DIV。
  • 喝咖啡放松一下

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

于 2011-06-29T12:12:08.337 回答