如何在中心屏幕位置打开div？

-1

2010-05-13 monkey_boys

你问的是如何垂直居中放置一个div？喜欢这个？ http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm – hodgesmr 2010-05-13 04:31:06

可以定义一个大小为DIV和位置它绝对（或固定），像这样：

div{ 
    position:absolute; /* can also be 'fixed' */ 
    top:50%; left:50%; 
    width:200px; height:100px; 
    margin:-100px 0 0 -50px; 
    z-index:99; 
}

或者，如果你不想把它定位是绝对，你可以给它一个宽度，并将其设置为：

div{ margin:0 auto; }

来源

2010-05-13 07:23:21 vsync

但这是一个CSS或Javascript题？如果宽度和高度是未知的，比它是一个JS问题，然后你需要测量div的大小，并相应地设置CSS。 – vsync 2010-05-13 07:25:55

div{ 

margin-left: auto; 
margin-right: auto; 
}

这只有在div有95％或更小的宽度作品

来源

2010-05-13 07:07:27 John

如果您希望它像窗口一样打开，请查看插件，例如http://jqueryui.com/demos/dialog/ – John 2010-05-13 07:10:22

如何在中心屏幕位置打开div？

回答

相关问题