display:table

利用dispaly对对div中的子元素进行居中

  .box1{
        display:table;
        width:400px;
        height: 500px;
        border:1px solid black;
    }
    .box1 p{
      	 display: table-cell; 
        vertical-align: middle;
        
    }