如何将图像居中于可滚动的div中

Question

如何将div设置中的图像居中以溢出：auto。

我尝试了以下风格

.image{
position: relative;
top: 50%;
left:50%;
margin-top: -50px;
margin-left: - 50px;
width:100px;
height:100px;
}

此代码确实有效，但我希望图像是视点的div中心，而不是可滚动div的实际中心。

由于

编辑：我已更新图片。我希望图像相对于突出显示的div居中。

更新2：抱歉，我认为我无法正确构建问题。可能是因为英语不是我的母语。

我有这个设置为溢出的div：auto，所以div获取滚动条以防内容垂直溢出。基本上这个div显示了ajax请求的响应。我想垂直居中的图像是Ajax加载器图像，当按钮调用Ajax函数时会显示该图像。

我希望Ajax加载器映像位于div的可见区域的中心（水平和垂直），显示来自服务器的响应，因此用户可以看到Ajax请求正在进行中。