DIV的上下左右均正中

2013-11-04

DIV的上下左右均居中主要用于弹出框，用css实现。div {position: absolutetop: 50%left: 50%margin: -150

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向上和向左分别移动高度和跨度的一半。

热点排行

Web前端