分類  >  Web前端 >

DIV的上下左右均正中

tags:    時間:2013-12-09 23:29:31
DIV的上下左右均居中
主要用於彈出框,用css實現。
 div {   position: absolute;   top: 50%;   left: 50%;   margin: -150px 0 0 -200px;   width: 400px;   height: 300px;   background-color: #CCC; } 


核心思路:
第一步:定位到屏幕中央,即top和height都用50%
第二步:用margin的負值,使div向上和向左分別移動高度和跨度的一半。

推薦閱讀文章

Bookmark the permalink ,來源:互聯網