W3Schools Web サイト上のこのコードについてサポートが必要です。すべての要素をページの中央に配置したいと考えています。ただし、中央に配置すると、機能のレンズは画像の古い位置をターゲットにします。
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom
コードを変更しましたが、理解できません
画像が中央にある場合、レンズは画像の外側にあります。これが彼女の前のポジションだったようです
画像の中心、間違ったレンズ位置
解決しました!!!
この状況を解決するには、すべての要素を含む div class="main" を作成します。 CSS コードでは、友人の Samar から提供された設定を使用しました。サマルさん、ありがとう。
画像は解決しました!
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
つまり、私が理解しているところによると、画像とズームの結果はそのままにして、ページの中央に配置したいということですか?
その場合は、次のように CSS でフレックスボックスを使用する必要があります: