W3Schools 웹사이트에서 이 코드에 대한 도움이 필요합니다. 모든 요소를 페이지 중앙에 유지하고 싶습니다. 그러나 내가 중앙에 있을 때 특징의 렌즈는 이미지의 이전 위치를 목표로 합니다.
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom
코드를 변경했는데 이해가 안 돼요
이미지가 중앙에 있으면 렌즈가 이미지 바깥쪽에 있는 것입니다. 이것이 그녀의 이전 게시물인 것처럼
이미지 중앙, 렌즈 위치가 잘못되었습니다
해결되었습니다!!!
이 상황을 해결하려면 모든 요소를 포함하는 div class="main"을 만드세요. CSS 코드에서는 친구 Samar가 제공한 설정을 사용했습니다. 감사합니다 사마르.
이미지가 해결되었습니다!
P粉2370294572024-03-23 09:17:01
그럼 제가 이해한 바에 따르면 이미지와 확대/축소 결과를 그대로 유지하되 페이지 중앙에 위치시키길 원하시나요?
그렇다면 CSS에서 flexbox를 다음과 같이 사용해야 합니다: