窗口调整大小的CSS动态边距

时间:2010-06-14 20:51:08

标签: javascript css

我可以动态确保内容始终保持在此网站窗格中的中心位置吗?

现在它在.items类上使用了一个静态margin-left,它使用了jquery工具。

http://andstones.ca/newsite/

我可以只使用CSS或CSS和Javascript吗?

谢谢,

Kory

3 个答案:

答案 0 :(得分:3)

我没看到你在说什么部分,因为它看起来大部分工作都很好。

对于自动居中,您应该使用auto作为边距:

margin: 0 auto;

把那个想要居中的div放在那里。

答案 1 :(得分:0)

如果我没记错的话,你必须在IE中使用以下内容

text-align: center;

甚至以div为中心

答案 2 :(得分:0)

让我们说你想要一个900px宽的容器中心,我用过的最常用的浏览器方式是:

div#container{
  width:900px;
  position:relative;
  left:50%;
  margin-left:-450px;
}

这将转到x轴的中心,无论该页面的其他元素如何,它都会停留在那里! 当然,这只适用于固定宽度而不是动态宽度!