JQuery流体CSS浮动DIV行遍历
假设我有一个container div,其中包含类为“icon”的div容器 e、 gJQuery流体CSS浮动DIV行遍历,jquery,html,css,fluid-layout,Jquery,Html,Css,Fluid Layout,假设我有一个container div,其中包含类为“icon”的div容器 e、 g ... ... ... ... ... 等 图标的宽度为100%,位于流体宽度容器中。”icon’容器的固定值为100px(例如,它可能是其他的) 给定一个表示div.icon元素的元素,在考虑浏览器或容器大小调整时,如何确定该元素当前所在行的位置?第一行的第一项?第五行中的第二项???如果可以假设.icon类的高度是固定的,则可以这样确定: 通过查看div的.position() 通过将.top位置值
...
...
...
...
...
等
图标的宽度为100%,位于流体宽度容器中。”icon’容器的固定值为100px(例如,它可能是其他的)
给定一个表示div.icon元素的元素,在考虑浏览器或容器大小调整时,如何确定该元素当前所在行的位置?第一行的第一项?第五行中的第二项???如果可以假设
.icon
类的高度是固定的,则可以这样确定:
- 通过查看div的
.position()
- 通过将
位置值除以.top
div height来确定它所在的行.icon
- 向后移动(计数时),直到到达
为0position()的DIV。left
- 喝咖啡放松一下
<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>