久久精品2019中文字幕国语_欧美成人精品视频在线观看_台湾自拍偷区亚洲综合网_老色鬼在线精品视频在线播放

云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

在線qq:540105663

怎么用純css將div定位為窗口居中?

來源:昆明網(wǎng)站制作公司 日期:2010-09-13 閱讀: 發(fā)表評(píng)論

網(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ā)表評(píng)論評(píng)論列表(有 條評(píng)論)