如何在更改浏览器宽度时使网格中的图像垂直增长？

Question

以下是我尝试实现

的示例

我希望左右图像始终保持相同的高度，中间块的高度应该等于左图像的高度。 当我改变浏览器宽度时，我甚至需要图像垂直增长。

我被困住了，不知道如何实现这样的结果。而不是图像，我可以使用div元素与背景。

具体来说，我不确定如何使内部块的图像高度随浏览器宽度增加，我不想使用JavaScript来实现这样的结果

在我目前的努力中，我可以将所有列设置为相同的高度，但是，当我更改浏览器宽度时，列之间会添加更多空间。

Answer 1

所以我能够用div块和背景图像获得有意义的结果

var xElements = XDocument.Parse(yourXml).Descendants("Property");
xElements.ToList().ForEach(x=> Console.WriteLine(x.Value));