Javascript 问题 - 使图像居中答案

【问题标题】：Java Script Problem - Centering an ImageJavascript 问题 - 使图像居中
【发布时间】：2010-07-31 05:35:47
【问题描述】：

我有一个使用名为“云缩放”的 js 模块的图像查看器。

它工作得很好，似乎正是我所需要的。除了！当我尝试将 IMG 放在 div 中时，它会弄乱查看器。

这是我不幸的例子。滚动图像，您会看到鼠标和视图不匹配。如果我要删除 IMG 上的自动边距样式，它工作正常。我只需要 div 中间的那个图像。

http://forumgallery.rollinleonard.com/test2.php

请帮忙！

【问题讨论】：

标签： javascript css

【解决方案1】：

这样的东西在 IE8/Chrome 中似乎可以正常工作。

<div style="display:inline-block; margin: 0 auto 0 auto"> 
     <a href='/big.jpg' class='cloud-zoom' id='zoom1' rel=""><img src="/small.jpg" alt='' title="Optional title display" /></a> 
    </div>

【讨论】：

非常感谢...我真希望在来这里之前几个小时没有撞到墙上。也许我在痛苦中学习会更好？一分耕耘一分收获？我不知道...有什么书推荐可以让我跟上进度吗？
我的工作场所有 O'Reilly 的一些公司折扣，所以我的书阅读量有点有限，但我用过，oreilly.com/catalog/9780596527334 不少。关键概念之一是块模型（在这里有帮助），它有我遇到的更好的解释之一。
太棒了。再次感谢。我会考虑买那本书。

【解决方案2】：

从 IMG 中删除自动边距
将自动边距添加到包含 IMG 的 A 标签中
设置A标签显示：inline-block

【讨论】：

感谢您非常合乎逻辑的回复！我听从了你的指示，似乎和什么都不做一样。这就是导致人们相信 Head 中链接的 js 文件中的某些内容与它有关的原因，但我无法弄清楚是什么。我已更新链接以包含您建议的更改。 forumgallery.rollinleonard.com/test.php 还有什么想法吗？再次感谢！
对我来说，A 标签仍然显示为“display:block”，您需要将其设为“display:inline-block”