在 CSS 中居中，当对象大于视口时

Question

我试图让一个 jquery 轮播在屏幕上居中，即使剪辑区域比视口宽。这基本上总是会给元素一个负的左边距——我该如何指定这个？裁剪区域是固定宽度，当然视口区域是可变的。

Answer 1

这是我能找到的最佳解决方案，它在您的固定宽度内容周围使用环绕元素，然后在内容本身上留出 -50% 的边距。这不是我的想法，但它应该足以让你开始。这是sn-p的代码：

div.wrapper {
    position: absolute;
    left: 50%;
}
.content {
    position: relative;
    margin-left: -50%;
}

<div class="wrapper">
    <div class="content">JQUERY BIZ-NASS HERE</div>
</div>

当然，这里假定您的 div 是 body 标记的直接后代，并且您的浏览器指定 body 的宽度为 100%，并且没有边距或填充。