Javascript问题 - 居中图像

时间:2010-07-31 05:35:48

标签: javascript css

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

它运作得非常好,似乎正是我所需要的。除了!当我尝试将IMG置于div中时,它会使观察者变得混乱。

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

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

请帮忙!

2 个答案:

答案 0 :(得分:2)

  1. 从IMG中删除自动边距
  2. 将自动边距添加到包含IMG的A标记
  3. 将A标记设置为display:inline-block

答案 1 :(得分:2)

这样的东西似乎在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>