比浏览器更宽的中心布局CSS

我从Photoshop中导出了一个布局，宽度为2400px。我的屏幕有1200px的分辨率宽度，布局显示为左对齐。比浏览器更宽的中心布局CSS

我需要将某些元素完全放置在以自己为中心的div内。首先，这是可能的;

我已经包含我的股利在一个有余裕的包装：0自动;但它似乎并不奏效。显然我无法看到的是什么？

http://jsfiddle.net/pxWSt/

来源

2012-09-04 Radolino

适用于我的铬，ff和IE9。 – Christoph

如果您运行jsfiddle代码，您将看到它将对齐并留下整个div，并且文本完全不显示，因为它居中。无论宽度如何，我需要将div居中。 – Radolino

以'margin：0 auto;'为中心只有在包装具有固定宽度的情况下才有效。 – easwee

我不知道这是否是你想要什么：http://jsfiddle.net/pxWSt/5/

必备部件：

.container 
{ 
    margin-left:50%; 
    left:2500px;/*half of its own width*/ 
}

注释掉calc()部分可以用来代替它。太糟糕Opera不支持calc()。

来源

2012-09-04 10:04:37 Passerby

它做它应该做的工作，但它使用固定的位置。我的意思是，容易想到“我会设定一半的宽度为负值”，我认为这不是一个很好的方法。 – Radolino

@RobertoDelgazzo并非所有问题都有“一般解决方案”。特别是，“百分比”，“宽度”，“高度”，“顶部”和“左侧”总是指父节点，更不用说'position：absolute'd元素将始终忽略父节点的对齐设置。如果你坚持使这个“一般”，我会建议结合JavaScript。 – Passerby

到目前为止是唯一有效的工作...测试将按照 – Radolino

比浏览器更宽的中心布局CSS

回答

相关问题