gpt4 book ai didi

css - Highslide 图像扩展问题,正文边距设置为 0px

转载 作者:行者123 更新时间:2023-11-28 04:07:48 26 4
gpt4 key购买 nike

有谁知道为什么当 body margin 设置为 0px 时第一个图像链接想要从页面中心展开而不是从图像中心展开?无论是否设置为 0px,第二张图片总是从图片的中心正确扩展。将边距设置为 1 像素将强制第一个图像正确扩展。

    <!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 时都会失败。解决方法是将图像或容器放置在 1 像素或更远的地方。

最佳答案

无法告诉您发生这种情况的原因,但如果它不会破坏您尝试做的其他事情,一种解决方法是将缩略图包裹在一个 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>

关于css - Highslide 图像扩展问题,正文边距设置为 0px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42879922/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com