任何人都知道一种优选的css技术,如果它比容器的高度长,可以让ol流入两列?列表中的项目数可能会有所不同,容器的高度可能会发生变化.
当我尝试设置li时width:50%
,float:left
它进入两列,但是2在1旁边而不是在它下面.
我想要实现的是:
我正在尝试将一个小缩略图库放在一起,并遇到了轻微的障碍.结构非常基础,如下:
[父容器] [x子元素数] [/父容器]
我希望我的子元素加载到父容器中,如下所示:
例1
[0] [2] [4] [6] [8]
[1] [3] [5] [7] [9]
我想知道的是,如果有一个纯CSS解决方案,或者我将不得不使用javascript定位我的元素.
知道浏览器想要像这样加载项目
例2
[0] [1] [2] [3] [4]
[5] [6] [7] [8] [9]
我很确定没有非javascript方式来实现这一点,但我想问一下是否有人对这种布局有任何想法或经验.
最终目标是完成两件事:
1.让父容器在添加新元素时水平增长.
2.保持2行布局,如示例1中所述.