元素垂直居中、水平居中显示的css代码

.outer {

  width: 500px;   

  height: 400px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -200px; 

  margin-left: -250px;

}