CSS未知宽高的元素，水平垂直居中

方法一：使用定位

思路：子元素绝对定位，距离顶部 50%，左边50%，然后使用css3 transform:translate(-50%; -50%)
优点：高大上,可以在webkit内核的浏览器中使用
缺点：不支持IE9以下不支持transform属性

        
hello world
    

方法二：使用弹性布局

思路：使用css3 flex布局
优点：简单 快捷
缺点：兼容不好

div> 

        
hello world