在JavaScript中居中DIV

Question

伙计们，我的网站上的javascript存在问题。我不能将div居中以正确显示我点击的图像。它只适用于第二次尝试，任何图像的第一次尝试，它总是向右下方显示div。

我已经尝试过使用javascript，但无法理解它。

Check it out here

Answer 1

这是因为您在设置图像src之前应用了CSS属性。

首次加载图片时，没有上一张图片，也没有任何内容。 当您单击另一张图片时，它会根据之前图像的尺寸使图像居中。

Answer 2

这是因为你的div没有任何offsetWidth和height。