我正在尝试将一些div元素与纯CSS对齐，但问题是这些元素可以具有不同的高度和宽度。
我已经尝试过使用表格和表格，但是我找不到正确的方法。
这是我按以下顺序有8格时想要的输出
<div style="height: 2;width:2;"></div>
<div style="height: 1;width:2;"></div>
<div style="height: 2;width:2;"></div>
<div style="height: 2;width:3;"></div>
<div style="height: 2;width:2;"></div>
<div style="height: 1;width:3;"></div>
<div style="height: 1;width:2;"></div>
<div style="height: 1;width:4;"></div>
我是新来的，所以我不能张贴图片，但这是预期输出https://i.imgur.com/Z96643o.jpg的链接。我想知道css3是否甚至可以实现。
[Edit]：我正在寻找Masonry行为，但具有纯CSS且宽度和高度不同，这是因为我想在IMG to HTML converter项目中使用它
