在不知道div宽度的情况下,div的水平居中可能吗?

Joh*_*ohn 3 javascript css jquery

我目前正在使用css/jquery构建一个弹出框脚本,我似乎无法在所有情况下将div置于屏幕中心.它可以在不知道div宽度的情况下居中吗?

我没有在这里发布所有代码,而是在http://goo.gl/N45cp上提供了一个实例

任何形式的帮助非常感谢!

最好的问候约翰

und*_*ned 7

<div id="wrapper">
    <div id="child"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

如果#child不是absolute,则可以将左右边距设置为auto:

#child {
   margin: 0 auto;
}
Run Code Online (Sandbox Code Playgroud)

或者,如果位置是absolute您可以尝试以下:

$("#child").css("left", function(){
    return ($("#wrapper").width() - $(this).width()) / 2;
});
Run Code Online (Sandbox Code Playgroud)