相关疑难解决方法(0)

有序列表两列流程

任何人都知道一种优选的css技术,如果它比容器的高度长,可以让ol流入两列?列表中的项目数可能会有所不同,容器的高度可能会发生变化.

当我尝试设置li时width:50%,float:left它进入两列,但是2在1旁边而不是在它下面.

我想要实现的是:

  1. abcdef 4. abcdef
  2. abcdef 5. abcdef
  3. ABCDEF

html css layout html-lists two-columns

7
推荐指数
1
解决办法
1万
查看次数

水平div内的2行元素布局

我正在尝试将一个小缩略图库放在一起,并遇到了轻微的障碍.结构非常基础,如下:

[父容器] [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中所述.

html css

2
推荐指数
1
解决办法
3047
查看次数

标签 统计

css ×2

html ×2

html-lists ×1

layout ×1

two-columns ×1