CSS：如何纠正图像的位置

Question

我在许多论坛上，但没有人能给我答案。这个网站是我的最后一次机会。

我有一个基于javascript的图像查看器。如果图像列（JS cound取决于php / mysql行计数）有一定的数量。现在，在输出中有三列图像，分为两行。当我有最大屏幕分辨率时，我可以打开此链接以查看查看器的外观：

http://jsfiddle.net/5mfbM/22/

图像是缩略图。当我将鼠标移动到该行中的第三个缩略图时，图像会自动缩放。我根据图像大小，通过css定位，向右或向左校正图像的位置。所以图像保持在窗口/屏幕的内部大小。所以它应该保持在第一行的位置，在右边。但是会发生的情况是图像会跳到左边的下一行（你会看到图像闪烁，因为有一个onmouseout事件来隐藏图像。）。我问如何停止下一行的跳转并忽略css规则的相对位置。我让父母潜水，以确保图像有足够的空间。

编辑： 我有来自firebug css debuger的这些图片给你看样式：

Image 1

Image 2

Image 3

和图像2相同的链接，但“viu1319790616v.jpg” 和图像3相同的链接，但“bwy1319790927w.jpg”

Answer 1

尝试在css中使用zoom属性。你可以避免大量的代码。

Answer 2

后来我注意到在原始代码中我排除了onload = setImages（）;我不记得为什么我这样做了，但在我看来，这就是差异，这导致了jsfiddle的例子没有。 22没有正常工作。因此，这里是没有onload事件的新更新： example #24 这个得到了原来的尺寸。

看起来这个代码在jsfiddle上正常工作（扩展窗口/框架条以获得窗口/框架的最大宽度），但在原始代码上不能在我的计算机上...