如何佈置與flexbox不匹配的堆疊內容

Question

現在我們有這個佈局，我們使用一些JS數學來使它工作 - 我想如果我們可以殺死JS並且只是使用flexbox。我一直在努力研究並解決這個問題。有什麼建議麼？

Answer 1

它看起來像你的元件的高度不匹配，但它們的寬度都沒有。你可以只把元素Flex容器和應用性能：

flex-direction: column; 
flex-wrap: wrap; 

您可能需要編輯您的問題具體解決您遇到的問題是什麼。