Question

我正在尝试制作一个带有图像的div，我将其用作背景图像。我想给它一个范围，不小于1000px并且不大于1500px宽度。我希望它集中在一起。我以为我可以将它设置为align =“center”和style="max-width:1500px;min-width:1000px;overflow:hidden;"但这似乎不起作用，所以我更改了它，将它放在包含div align="center"和宽度{{1并将溢出放在这个包含div的位置上。最终发生的事情是它没有居中，它从左侧开始并切断右侧并保持100% width。我不确定如何定位。

这是网址：http://www.klossal.com/portfolio/index_alt.html这是地球的大图像。

Answer 1

你是对的，有点不对劲。首先，忘掉“align = center”。你在那里打CSS。

你想要的是这样的：

.examplediv {
     background: url(../images/planet.jpg) no-repeat center center;
     min-width: 1000px;
     max-width: 1500px;
     margin: 0 auto; /*this should center the div*/
    }

保证金：0自动;基本上说“保证金顶部和底部：0px”和“保证金左右：自动”，浏览器将填写，以div为中心。

您可以使用modified css declaration, here来查看该概念。

在窗口调整大小时具有宽度范围的居中div

1 个答案: