我怎么能他们是图像
答
使用Flexbox的模仿砖石布局的方式定位div元素。
HTML
<div id="container">
<img src="blah1.jpg" alt>
<img src="blah2.jpg" alt>
<img src="blah3.jpg" alt>
<img src="blah4.jpg" alt>
</div>
CSS
div#container {
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-wrap: wrap;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
max-height: 600px;
width: 500px;
}
div#container img {
width: 50%;
}
+0
没有工作,我是用mosilla火狐 –
+0
您需要在宽度和高度的限制加上容器div看砖石流。这是一个例子。我还会更新我的代码以包含这些剪切和粘贴的约束。 https://jsfiddle.net/04wwe7nv/ –
+0
我看到一个问题:我不知道元素的数量,所以我们无法确定“最大高度” –
http://masonry.desandro.com/ –