2列CSS浮动图像大小不同

Question

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

我想要内有6张照片;每列2列，3个图像。

图像将是两种尺寸：80px宽，或110px宽......但高度各不相同。

是否有可能实现这样的目标;填充将在不同图像大小之间流畅调整以填充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;