使用jquery将div大于视口

时间:2013-06-06 16:23:58

标签: javascript jquery

是否可以使用jquery使一个大于视口的div居中,这样无论重新调整大小,它总是居中?

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

1 个答案:

答案 0 :(得分: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>