【CSS】一个div在页面居中的css写法

 

适用于宽高固定的div

 

div页面居中的css写法

 

div{
  width：300px;
 height:200px;
 position:fixed;
 top:50%;
 left:50%;
 margin-top:-100px;
 margin-left:-150px;
}

 

 

对于不定宽高的div 的css写法

 

 

  

div{
  width: 80%;
  height:auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform:translate(-50%,-50%);
}