Element without height to be totally center

参考自此处以及此处实现方法多种，这里只记下三种，一个是传统方法，一个是技巧性高，还有一个是CSS3。

这种是传统方法，未知高度的元素外嵌套两层，同时要定义body和html的height，这样的目的主要是为了做到垂直居中。如果未知高度的元素是width固定的话，用margin: 0 auto就可以水平居中了，非块级的话还要加上display: inline-block || block。

body, html
	height: 100%
.noHeight-wrapper
    width: 100%
    height: 100%
    overflow: hidden
    position: relative
    display: table
    .noHeight-inner
        display: table-cell
        vertical-align: middle
        .noHeight
            display: block
            position: relative
            top: -50%
            margin: 0 auto

下面这样是传说中的“CSS完美居中”，主要是利用position：absolute; top: 0; left:0; right: 0; bottome:0来实现的，但是这个未知高度的元素至少需要定义一个min-height: 1px；具体的实现原理请参考文章开头的reference.
```
.noHeight
    margin: auto
    min-height: 1px
    position: absolute
    top: 0
    left: 0
    bottom: 0
    right: 0
    overflow: auto
```

CSS3提供了display: box现在似乎更加流行的使用flex-box，但是作为box都用不清楚的人…要做到垂直居中一样要body,html{height: 100%;}, 这个属性还没有被W3C正式加入(?!)，所以使用的时候还需要加上浏览器的prefix。

 body, html
     height: 100%
   .img-wrapper
       height: 100%
       display: -webkit-box
       -webkit-box-orient: horizontal
         -webkit-box-pack: center
        -webkit-box-align: center
       display: box
       box-orient: horizontal
       box-pack: center
       box-align: center