怎么用純css將div定位為窗口居中?
來源：昆明網(wǎng)站制作公司 日期：2010-09-13 閱讀： 發(fā)表評論
網(wǎng)絡(luò)上大部分窗口居中都是用js實(shí)現(xiàn)的，先獲取窗口的大小，然后計(jì)算自身的高度，再除以二得到div的X坐標(biāo)和Y坐標(biāo)，其實(shí)css也可以實(shí)現(xiàn)這個(gè)功能。
一般居中彈出層使用在提示，或者替換alert窗口達(dá)到美化的作用，比如一個(gè)div層，高度是300像素，寬度是500像素，看以下代碼：
div{ width: 500px; height: 300px; margin: -150px 0 0 -250px; top: 50%; left:50%;position:absolute;}
就可以達(dá)到窗口div水平和垂直居中的效果。
發(fā)表評論評論列表（有 條評論）