CSS3 flex li 2列更改顺序

Question

我需要一个列表来对我的项目进行排序

- 1  - 4
- 2  - 5
- 3

我需要拥有此内容的动态高度

当我将此代码用于ul

时，它适用于我

display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 200px;

但我需要有max-height autmatic

Answer 1

解决没有flex样式。有库存计数和差距是可能的。 UI样式代码应如下所示

ul {
  column-count: 2;
  column-gap: 0;
}

li {
  widh: 100%; // of column 
}

对我来说很好。