用CSS 实现元素垂直居中，有哪些好的方案

1、利用定位，先给父元素加一个定位属性，比如position:relative，然后给想要居中的元素设置

{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}//这个是上下左右全部居中，如果只是上下垂直居中，可以只设置top和bottom为0，
//left和right根据需要设置一个即可，这个适用于一些不方便计算上下距离的情况
//对于指导上下距离的可以直接使用top，left定位即可

2、vertical-align:middle；属性，该属性是让元素位于父元素的中部。

3、也可以使用css3属性来移动元素，让元素居中

4、或者使用padding值之类的属性来使元素上下垂直居中或者横向居中都可以