怎么用纯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水平和垂直居中的效果。
发表评论评论列表(有 条评论)