css 让div居中的代码

.login_box{

  width:450px;

  height:300px;

  background-color:#fff;

  border-radius:3px;

  position:absolute;

  left:50%;

  top:50%;

  transform: translate(-50%,-50%);

}

 

其中上面的3行实现了让div居中的效果

left:50%;让这个div的左边位于页面的中间点上

top:50%;让这个div的顶边位于页面的中间点上

transform: translate(-50%,-50%);是把当前div向左和上各移动本身的一半

这样就实现了div在页面上的绝对居中。

上一篇:Unity中坐标系转换的一些API


下一篇:C# wpf 实现任意控件拖动