高幻灯片图像展开问题，身体边缘设置为0px

Question

任何人都知道，当正文边距设置为0px时，为什么第一个图像链接想要从页面中心而不是图像中心扩展？ 无论是否设置为0px，第二张图像始终始终从图像中心正确扩展。 将边距设置为仅1px将强制第一张图像正确展开。

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
    <script type="text/javascript" src="/highslide/highslide-with-html.js"></script>
    </head>
    <body style="margin:0px;">
     <a class="highslide" href="/full.png" onclick="return hs.expand(this)"><img src="/thumb.png"></a>
     <a class="highslide" href="/full.png" onclick="return hs.expand(this)"><img src="/thumb.png"></a>
    </body>
    </html>

这是相似的，但我仍然无法弄清楚。 高幻灯片：问题导致图像重新缩小

事实证明，任何图像在紧挨着身体边缘0px时都会失败。 解决方法是将图像或容器放置1px或更多。

Answer 1

无法告诉您发生这种情况的原因，但是如果它没有使您尝试执行的其他操作失败，一种解决方法是将缩略图包裹在div中，并在该div上至少留出一个像素的边距：

<body style="margin:0px;">
     <div style="margin:1px;">
          <a class="highslide" href="/full.png" onclick="return hs.expand(this)"><img src="/thumb.png"></a>
          <a class="highslide" href="/full.png" onclick="return hs.expand(this)"><img src="/thumb.png"></a>
     </div>
</body>