2.布局解决方案- 垂直居中<2>

居中布局

垂直布局
写出两个盒子并满足以下条件条件:
1.里面的高度盒子不固定
2.外面盒子的高度不固定

第一种方式table-cell+ vertical-align




    
    
    


我是一段文字

第二种方式absolute+transform(兼容性不是很好)




    
    
    


我是一段文字

第三种方式flex(兼容问题)




    
    
    


我是一段文字

http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/

你可能感兴趣的:(2.布局解决方案- 垂直居中<2>)