水平居中

.demo{

   text-align: center;


   margin: auto;


   position: absolute;

   left: 50%;

   margin-left: -?px;

}


垂直居中

.demo{

   height: 30px;

   line-height: 30px;


   display: table-cell;

   vertical-align: middle;


   position: absolute;

   top: 50%;

   margin-top: -?px;

}




CSS3 居中

display: flex


CSS 居中未来

水平居中 alignment: center

P {alignment: center;}


垂直居中 child-align: middle

P {child-align: middle;}


position:center;