.用inline-block和vertical-align来实现全屏居中

用inline-block和vertical-align,通过行内块级元素的方式实现全屏居中;
利用:before伪类选择器,模拟一个虚拟行内块级元素;
行内块级元素换行会产生间隙,这个间隙跟font-size的大小有关,so在居中的时候需要利用margin负边距的方式去掉间隙;




    
    居中
    


    
table-cell居中

你可能感兴趣的:(.用inline-block和vertical-align来实现全屏居中)