Html 当窗口大小调整到小于背景宽度时，如何使div保持居中

我有一个contentdiv，背景位于包装容器的中心。我想知道当你将浏览器窗口的大小调整到小于500px的背景图像时，如何保持背景图像居中

现在，它开始从右侧切断图像

div.wrapper{
宽度：100%
}
部门内容{
背景：url(http://24.media.tumblr.com/tumblr_lbi4ltLmYL1qb23z5o1_500.jpg) 
无重复滚动中心0透明；
宽度：500px；
高度：500px；
保证金：0自动；
显示：块；
}

---

将

最大宽度：100%

添加到您的内容分区。这将防止内容分区扩展到包装大小之外，并保持背景居中

div.wrapper{
宽度：100%
}
部门内容{
背景：url(http://24.media.tumblr.com/tumblr_lbi4ltLmYL1qb23z5o1_500.jpg)
无重复滚动中心0透明；
宽度：500px；
高度：500px；
保证金：0自动；
显示：块；
最大宽度：100%；
}