图片或者行内元素垂直居中的几种方法

方法1：

父元素 定义：height=*px，line-height=*px

子元素：vertical-align:middle

方法2：绝对定位（定高的情况下使用 ，如下的400px）

    position: absolute;
    top: 50%;
    width: 100%;
    height: 400px;
    margin-top: -200px;

方法3：绝对定位加transform（不定高）

   -webkit-transform:translate3d(-50%, -50%, 0);
      transform:translate3d(-50%, -50%, 0);

    position: absolute;
    top: 50%;
    width: 100%;