我在实现设计师流畅的图片网格目标方面遇到了麻烦，但基于同样高的图片行，而不是宽度相等的列，每个人似乎都非常喜欢。
这是他的设计：
https://dl.dropboxusercontent.com/u/7187819/Capture.PNG
这是我被卡住的地方： http://jsfiddle.net/EwTjD/1/
我的目标是一个流畅的图片网格，当你调整浏览器大小时，它会与旁边的地图一起缩放。
我首先尝试了背景图像，但这让我陷入了无法扩展的高度。并且为了能够使用transform我必须使用position:absolute，这会弄乱我的浮动img ...
任何帮助？ ：）
ps：这应该在没有Javascript的情况下实现
答案 0 :(得分：0)
如果您希望它们水平排列，则需要设置静态高度。
在您的设计示例中，这些图片尺寸经过精心计算。你需要考虑填充量，加上将使用多少填充空间，然后从你得到的总空间量中减去。然后你可以在图像之间划分
