css - 2列CSS float 图像不同大小

Question

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

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

图像将有两种尺寸:80 像素宽或 110 像素宽...但高度不同。

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

Answer 1

使用 flex 盒子:http://css-tricks.com/snippets/css/a-guide-to-flexbox/使用该代码:

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