我遇到了一個div列表,需要渲染一個特定的順序一個複雜的方式。簡單來說,這是我的HTML:在一行中從左到右渲染div列表,然後渲染行從下到上(通過CSS/jQuery)
<div>
<div class="box">1 (first in list)</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
<div class="box">7</div>
<div class="box">8</div>
<div class="box">9 (last in list)</div>
</div>
中,我想顯示div
S上的方式是4行從左至右,從底部堆積的每一行頂部,像這樣:
9
5 6 7 8
1 2 3 4
我創建結果的小提琴,顯示了我以後我:http://jsfiddle.net/mpcjs/ - 不過,我想是不需要div
S IN的HTML的重新排序的解決方案。還請注意,div
的數量是可變的。
這甚至可能嗎?歡迎使用CSS3/jQuery解決方案!
>一樣,不需要的div所以我假設你不想改變DIV的的類太的重新排序的解決方案?或者這是一種可能性?如果不是的話,我正在看這個問題的一些神奇的回覆 – happybuddha 2013-03-20 15:38:18
任何事情都可以改變(即使是HTML),只要div的順序保持不變! – 2013-03-20 15:41:22