有 3 列，每列大小为 33%，每列内部都有图像（每个图像具有不同的高度）。在像 iPad 这样大小的设备上，我想将每列的大小更改为 50%——现在当我这样做时，第三列出现在前两列的中间底部——看起来很奇怪。
因此，我尝试将第三列的大小设置为 100%，并将该列中的图像大小设置为 50% - 这很有效！但是问题如下图所示：
红色是第 1 列，蓝色是第 2 列，黑色是第 3 列，黄色突出显示的是创建的空间。
我该如何摆脱那个空间？
这是一个小提琴：jsfiddle.net/Vhrnr 请注意，我只向您展示代码，因为它不允许我出于某种原因将其粘贴到此处。