我需要W3Schools网站的帮助，我想把所有元素都放在页面的中心。然而，当我集中时，该函数的镜头是为图像的旧位置。
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom
更改代码，但我不明白
当图像居中时，镜头在图像的外部。就像这是她以前的位置
图像中心，屏幕位置不正确
解决! !
为了解决这种情况，div class="main"包含所有元素的。在css代码中，使用了我们的朋友Samar给我们的设置。谢谢你，萨玛。
Imagem解决!
那么，据我所知，您希望图像和缩放结果保持原样，但在页面中居中?
如果是，你需要在你的css中像这样使用flexbox:
.img-zoom-container {
position: relative;
flex-direction: column;
display: flex;
align-items: center;
}有关flexbox的更多信息，请查看本教程:https://css-tricks.com/snippets/css/a-guide-to-flexbox/
希望这对你有帮助:)