css盒子居中对齐

css盒子居中对齐

div {
  width:200px;
  height:200px;
  background-color:pink;
  position:absplute;
  left:50%;
  top:50%;
  /*margin-left:100px; 需要计算不合适*/
  /*水平/垂直 移动自己宽度的一半*/
  transform:translate(-50%,-50%);
}