2列不同尺寸的CSS浮动图片

Question

我有一个 250 x 250 像素的 div。

我有 6 张我想要的图片； 2 列，每列 3 张图片。

图片有两种尺寸：80 像素宽或 110 像素宽……但高度各不相同。

有没有可能实现这样的目标；填充将在不同的图像大小之间流畅地调整以填充 div？我想避免有两个以上的图像类； 80 一个，110 一个。

Answer 1

使用弹性框：http://css-tricks.com/snippets/css/a-guide-to-flexbox/ 与该代码：

flex-direction: column;
align-content: space-around; //or space-between;