情况
我有26个项目(在这个例子中,一般来说这个数字是未知的..)但是一次只能看到12个..我也有一些导航元素(绿色框)
紫色和绿色盒子的宽度是固定的,但紫色的高度可以根据内容而变化.
一切正常,我可以用css做.
我正在为我的物品使用无序列表(浮动物品),我指定了前两个< li>元素作为导航的元素.首先是左浮动,第二浮右.
这一切都有效,其余项目的流程介于两个绿色项目之间.
问题
但现在我需要绿色项目在第二行(或者如果该概念有帮助,则最后一行,因为只有两行)
我希望能够隐藏前X个元素并显示下一个X并且它们自己落在了位置上.
为了重新解释这个问题,我能否以某种方式定位一些元素(绿色元素)来控制它们的位置,但仍允许它们干扰来自新位置的流量?
我希望这很清楚.如果不问,我将提供尽可能多的信息..
我试过的东西没用
>移动具有负底边距或正顶边距的绿色项目.他们将离开他们的位置,但其他元素将不会填补他们的位置.
>使用绝对位置,但元素完全从流中移除,它们不会影响其他元素,因此它们与其他元素重叠.
[他们灰色的项目是隐藏的,我只是展示他们,所以你知道他们存在..]
一些代码可以帮助您入门
和
最佳答案
好吧显然这只能通过Css / Html来解决.
因此,为了解决这个问题,我使用了一些CSS(带有内联块crossbrowser)和一些jQuery来移动导航按钮,这样它们总能保持在我想要的位置.
这里有参考解决方案..
CSS
Javascript(jQuery)
..和HTML
里面有几个硬编码的值,但我会把它留给任何可能从中获取新东西的人……
感谢大家的指导:)
工作示例(对于想要在行动中看到它的人):http://www.jsfiddle.net/gaby/Ba3UT/