【发布时间】：2010-09-21 08:02:18
【问题描述】：
我正在尝试制作一个 2x2 网格，每个单元格为 300x300 像素。每个单元格都有一个淡入淡出的图像，使用 AJAX（准确地说是 jQuery）重新加载 - 在 ajax 上创建一个 4 个图像库。 所有图像都简单地转储到一个文件夹中，因此没有定义它们的高度或宽度。
有什么办法可以填满这个空间吗？例如，纵向图像将调整为高度= 300，而其宽度可能更小......对于横向图像（宽度= 300，高度更小）也是如此？我正在尝试消除任何对单元格大小的调整，因为它看起来很可怕。
我将把这些垂直和水平居中留到以后。 感谢您的帮助！
更新： 我已经粘贴了当前代码 http://pastebin.com/Hz4fJk9p
【问题讨论】：
-
这个建议肯定会影响你已经在运行画廊脚本，但在这种情况下，我通常将图像加载为 div 的背景并使用 background-position: center center 设置它的样式。这样，无论图片大小，它仍然具有明显的吸引力。