CSS3柔性李2列更改訂單

Question

我需要將我的項目是這樣

- 1 - 4 
- 2 - 5 
- 3 

列表排序，我需要有此內容的dymamic高度

這對我的作品時，我用這個對於UL

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

但我的代碼需要有最大高度autmatic

Answer 1

沒有Flex樣式解決。這是可能的coulmn計數和差距。 UI樣式代碼應該看起來像這樣

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

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

適合我。