How to layout mis-matched stacked content with flexbox

Question

Right now we have this layout, and we're using some JS math to make it work - i'm thinking it would be really cool if we could kill the JS and just use flexbox. I've been working through and having some issues figuring out how this would work. Any suggestions?

Answer 1

看起来元素的高度不匹配，但宽度不均匀。您可以将元素放在Flex容器中并应用属性：

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

您可能需要修改问题，以解决您遇到问题的具体问题。