Javascript 使用jQuery将超大的Div元素居中

我有一个1680px宽的Div元素，如下所示：

| | | + + | ^^^^^ ^^^^^^ ^ = clipped from the Div. | | 例如，实际屏幕/浏览器画布分辨率为800px宽：

+ + + + 现在，如何使用jQuery将Div居中（并隐藏其余部分），使1680px的其余部分隐藏起来，如下所示：

| | | + + | ^^^^^ ^^^^^^ ^ = clipped from the Div. | + + | ^^^^^ ^^^^^^ ^=从Div上剪下。 换句话说，我希望Div显示在这两个+范围内，并隐藏其余部分。如果实际屏幕分辨率大于1680px，则Div应正常居中，无任何剪裁

---

我不确定我是否能够完美地解释这一困境，所以，如果有什么不清楚的地方，就去问吧。这已经让我发疯了…

仅使用

CSS

：

关键部分是：

#bigdiv {
    position: relative;
    width: 1680px;
    margin-left: -840px;
    left: 50%;
}

请注意，您也不一定需要

容器

div。只需将

bigdiv

放在主体中即可。在这种情况下，我也会将主体的溢出设置为隐藏：

---

仅使用

CSS

：

关键部分是：

#bigdiv {
    position: relative;
    width: 1680px;
    margin-left: -840px;
    left: 50%;
}

请注意，您也不一定需要

容器

div。只需将

bigdiv

放在主体中即可。在这种情况下，我也会将主体的溢出设置为隐藏：

---

非常好。我不认为仅使用CSS就可以做到这一点。只要您知道div的宽度。从我所看到的，您只需将margin left属性设置为值width/2。。。即使宽度没有硬编码到CSS中，也可以通过JavaScript实现。但这种情况应该很少发生。固定宽度布局总是有一个CSS宽度，所以你只需将marginleft属性放在它下面，并确保它有正确的值。非常好。我不认为仅使用CSS就可以做到这一点。只要您知道div的宽度。从我所看到的，您只需将margin left属性设置为值width/2。。。即使宽度没有硬编码到CSS中，也可以通过JavaScript实现。但这种情况应该很少发生。固定宽度布局总是有一个CSS宽度，所以您只需将margin left属性放在它下面，并确保它具有正确的值。