Highslide 이미지 펼치기 본문 여백을 0px로 설정하면 펼치기

본문 여백을 0px로 설정하면 첫 이미지 링크가 이미지의 중심이 아닌 페이지 가운데에서 펼쳐지려는 이유를 알 수 있습니까? 두 번째 이미지는 항상 0px로 설정되었는지 여부에 관계없이 이미지의 가운데에서 올바르게 확장됩니다. 여백을 단 1px로 설정하면 첫 번째 이미지가 올바르게 확장됩니다.Highslide 이미지 펼치기 본문 여백을 0px로 설정하면 펼치기

<!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 픽셀 이상 떨어진 곳에 배치하는 것입니다.

출처

2017-03-18 Airman

CSS 및 HTML 코드를 살펴 보려면 jsFiddle 또는 CodePen을 제안 할 수 있습니까? 우리는 많이 할 수는 없지만 먼저 무엇인가 보지 않고 추측합니다. –

해당 사이트 중 어느 곳에서나 높은 산길 프로젝트를 샌드 박스로 만들 수 있습니까? 나는보고 볼 것이다. – Airman

jsfiddle.net의 ** External Sources ** 탭을 사용하여 사이트에서 사용하는 외부 소스를 추가 할 수 있습니다. 즉, ** highslide-with-html.js ** 및 ** highslide .css **. 이들 파일에 대한 링크를 얻는 것뿐입니다. –

왜 그런 일인지 알 수는 없지만 수행하려는 다른 작업을 방해하지 않으면 한 가지 해결 방법은 div에 축소판을 감싸고 적어도 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>

출처

2017-03-22 20:32:14 MisterNeutron

Highslide 이미지 펼치기 본문 여백을 0px로 설정하면 펼치기

답변

관련 문제