flex 兼容性写法 兼容ie10 谷歌 火狐

 

本次记录的主要内容在于 兼容写法 

下面的测试代码为常用的;具体的属性值,按照实际需求,自行修改

需要注意的是 在IE下  如果要实现垂直居中的话  父元素  必须要设置高度 或者设置高度auto 

在其他浏览器设置min-height生效  但是在IE下  min-height加垂直居中

实现代码




    
    
    Document
    


    

横向排列(默认)

竖向排列

横向居中

垂直居中

横向垂直居中

不换行

换行

自适应(设置于子级)

具体效果

flex 兼容性写法 兼容ie10 谷歌 火狐_第1张图片

你可能感兴趣的:(知识)