垂直居中对齐-使用padding

 

    CSS中有很多方式可以实现垂直居中对齐。一个简单的方式就是头部顶部使用padding:

 

    实例

 

.center {

 

    padding: 70px 0;

 

    border: 3px solid green;

 

}

 

    如果要水平和垂直都居中，可以使用padding和text-align:center:

 

    实例

 

.center {

 

    padding: 70px 0;

 

    border: 3px solid green;

 

    text-align: center;

 

}