2015-11-04 111 views
3

我正在构建一个图像组合站点,并且我需要图像根据其可变大小进行堆叠。这就是我与Flexbox的迄今取得:Flexbox堆叠不同高度的孩子

enter image description here

而这正是我试图让!

enter image description here

有人不知道如何让孩子堆栈中的Flexbox的显示在这条路上?我发誓我在flexbox教程的任何地方都找不到这个特定的结构,虽然我在tumblr的博客显示中多次看到它。

这是我的代码: http://jsfiddle.net/822h7ztd

.flexman { 
    width:100%; 
    padding: .2vw; 
    flex-flow: row wrap; 
    display: flex; 
} 
.flexman div { 
    background: red; 
    width: 100px; 
    height:50px; 
    margin: .2vw; 
} 
+1

@alirezasafian,当我第一次在这个网站上开始时,我也手动输入了“可能重复...”但它实际上是一个自动发布,当您第一次投票关闭曲目时注意重复。下次点击“关闭”。 –

+1

@Michael_B注意,tnx。 – Alex

回答