太阳城网址(中国)百度百科

云南网站建设创新企业 昆明多彩网络公司

在线qq:540105663

怎么用纯css将div定位为窗口居中?

来源:昆明网站制作公司 日期:2010-09-13 阅读: 发表评论

网络上大部分窗口居中都是用js实现的,先获取窗口的大小,然后计算自身的高度,再除以二得到div的X坐标和Y坐标,其实css也可以实现这个功能。

一般居中弹出层使用在提示,或者替换alert窗口达到美化的作用,比如一个div层,高度是300像素,宽度是500像素,看以下代码:

div{ width: 500px; height: 300px; margin: -150px 0 0 -250px; top: 50%; left:50%;position:absolute;}

就可以达到窗口div水平和垂直居中的效果。

发表评论评论列表(有 条评论)

XML 地图