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>

这是类似的，但我仍然无法弄明白。 Highslide: Issues re-shrinking image

事实证明，当直接在身体边缘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>

Highslide图像扩展了身体边缘设置为0px的问题

1 个答案: