css3元素垂直居中

  <div class="home">
    <div class="title">温馨世界</div>
    <img src="../../assets/images/bg_img.png" alt="" />
  </div>

.home
  position relative
   99.5%;
  height: 700px;
  margin: 5px auto;
  background #fff
  display: -webkit-box;
  -moz-box-align: center;
  -webkit-box-align: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  text-align center
  .title
    position absolute
    font-size 36px
    color #31C2A0
  img
    display inline-block
    width 75%