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

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

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

任何forms的帮助非常感谢!

最好的问候约翰

如果#child的位置不是absolute ,您可以将左右边距设置为auto

 #child { margin: 0 auto; } 

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

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

如果你有一个包含div,你可以使用纯CSS实现这个目的:

HTML

 
some content here

CSS

 ​body, html, div#outer { height:100%; } div#outer { text-align:center; } div#inner { display:inline-block; } 

http://jsfiddle.net/NjZbW/