使用jquery将比视口大的div居中[重复]

【问题标题】：centre a div larger than the viewport with jquery [duplicate]使用jquery将比视口大的div居中[重复]
【发布时间】：2013-06-07 00:43:09
【问题描述】：

是否可以使用 jquery 将大于视口的 div 居中，使其始终居中而不管重新调整大小？

我有一个 2000px 宽的 jquery 滑块，我需要将其居中，以便中心内容始终显示在 1000px 主要内容框架内 - 无论屏幕大小如何..

【问题讨论】：

不看代码就无法确定，但我相当肯定你完全可以用 CSS 做到这一点。
哎呀，如果不是重复的，对不起

标签： javascript jquery

【解决方案1】：

很可能通过将其“左”设置为 50% 并将“左边缘”设置为像素大小的一半。

http://jsfiddle.net/sbUXr/

<div style="position:absolute;width:300px; height:300px; left:50%; margin-left:-150px; border:2px solid red;">
    <div style="position:relative;width:100%;height:100%;">
        <div style="position:absolute;left:50%;top:100px;width:400px;height:100px;margin-left:-200px;border:2px solid green;">

        </div>
    </div>
</div>

【讨论】：