Javascript 仅当页面大于div时居中div

因此，我在这里使用这种样式将div居中作为背景：

#example{
    z-index:-1; 
    width: 950px; 
    height:100%; 
    position:fixed; 
    background-color:#F0F0F0;
    background:url(images/main_background_sidebar.png) repeat-y top center;
    top: 0px;
    left: 50%;
    margin-left: -475px;
}

---

这很好，它保持居中，但是如果页面宽度低于950 px，有没有办法阻止它保持居中？例如：如果浏览器窗口仅为800px宽，则背景图像的左侧将粘贴到屏幕的左侧。

如果您对使用CSS3没有问题，则可以应用该规则。未经检验的可能性：

#example {
   /* Don't center it. */
}
@media only screen and (min-width: 950px) and (min-device-width: 950px)  {
  #example {
   /* It's 950px or more! Let's center it! */
  }
}

只要阅读和玩它

更新：我如何使用它？我应该把它放在哪里，就放在我的

style.css

？

媒体查询可用于标记、XML处理指令、@import at规则和@Media at规则

---

jQuery或简单的JS是可能的吗？我可以这样回答。纯CSS是不可能的，除非你使用媒体查询，据我回忆，这在IE上不太好。@OhMrBigshot：发布一个答案，如果它工作得足够好，那么我可能可以不使用javascript.Damnit。JSFIDLE不会让它在methat上工作。

marginleft

对吗？你把一半的div放在左边？我用left:50%和margin left:（div宽度的一半）来居中，是的。对不起，我不知道，我该怎么用这个？我应该把它放在哪里，就放在我的style.css中？我更新了答案。简言之，是的。不过要注意浏览器的兼容性。我一直无法使其正常工作。我知道“它不起作用”不能很好地解释这个问题，但我不确定我能给你什么。当我实现它时，什么都没有改变。使用Chrome浏览器。@caesay，我更新了答案，因为我无法理解你发布的CSS，所以我无法改进它。您可以创建一个JSFIDLE，ofc。