调整浏览器大小时，图像跳出div [英] Image jumps out of div when browser is resized

问题描述

当我缩小浏览器的时候，我有一个图像跳下来。我已经尝试过各种各样的事情，以防止这种情况发生，并没有能够改变正确的关键（我不采取响应的web编码很自然，我可能已经达到我的极限这里....）。

I have an image that jumps down and out of its div when I narrow my browser. I've tried all kinds of things to prevent this from happening and haven't been able to turn the right key (I'm not taking to responsive web coding very naturally. I might have hit my limit here....).

欢迎任何建议。

这是< div id =

It's the contents of the <div id="fadeshow"></div> that jump downward upon narrowing the browser.

推荐答案

<div class="emptyDiv verticalCenter"></div>

我不知道为什么u包括这个，但肯定是它的图像向下缩小浏览器的原因

i dont know why u have included this but surely its the reason your image jumps downward upon narrowing the browser.

并在中心对齐您的图片u可以更改

and foraligning your image in the center u can change the

.outer .inner {
   padding: 10px;
}

到

.outer .inner {
  padding: 45px; //or whatever suits your design
}

这篇关于调整浏览器大小时，图像跳出div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！