Question

经过很长一段时间我不得不做一些前端，我有一个烦人的问题需要解决。

所以基本上我有1900x1200 Div包装器，虽然整个东西看起来很漂亮并且以大型显示器为中心，当我在小型/分辨率显示器上打开时它不会居中。

无论我的决心如何，我都希望开场位置处于整体的中间位置。

有什么想法吗？

整件事让我疯了，我似乎无法绕过它。：（

（我很抱歉，如果我没有多大意义，它早上2:25在这里，我不是母语人士而且我的大脑正在消失）

Answer 1

你可以通过绝对定位使div居中。

#DivWrapper {
    width: 1900px;
    height: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -950px;
}

示例：http://jsfiddle.net/AXenC/

Answer 2

如果您的界面基于比1900px更小的宽度，可能更像960网格，您可以将背景居中放在body标签中并将包装中心（内容的宽度，即：960 px），边距自动打开左右。

body {
    padding: 0;
    margin: 0;
    background: #aeaeae url(../images/back__v_1.jpg) 50%;
}

#wrapper {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}

以大背景为中心问题

2 个答案: