初识flex

页面改版,我想到最近看的flex,就拿来试试,结果很棒,告别浮动 ,清除浮动这些麻烦事,并且,占多大的地方,都帮你算好了。
但是浏览器兼容是个坑
在谷歌中display: flex;
safari中 display: -webkit-flex;
安卓浏览器 display: -webkit-box;
在样式中得
 
    

  • display: -webkit-box;
  • display: -webkit-flex;
  • display: flex;

自上而下,看来最古老的写法得写到上面,样式是下面的覆盖上面的。
发现
safari(一种旧的谷歌浏览器)
安卓浏览器(一种老版谷歌浏览器)非块级标签设置 display: flex;无效
UC浏览器(一种古老谷歌浏览器) 非块级标签设置 display: flex;无效

你可能感兴趣的:(CSS)