首页 > 代码库 > CSS3伸缩布局Flex学习笔记

CSS3伸缩布局Flex学习笔记

  如果需要使用伸缩布局首先得把display:flex;对于兼容还得加前缀display:-webkit-display:flex;等其他浏览器前缀,但我本机Chrome测试已经不需要加前缀了,其实这些还好,关键移动端竟然不支持这个属性,移动端支持的还是老版本的display:-webki-box;不过对于学习来说,也不管它支持不支持了,学了再说吧,更何况Chrome已经把flex的前缀去了,说明flex多少还是有些稳定的。

  

下面列出了关于CSS与flex一起使用的一些属性

display 显示方式flex-direction justify-contentalign-itemsflex-wrapalign-contentflex-floworderalign-selfflex
flex 设置成伸缩布局         
          
          
          
          
          
          
          
          

 

等待更新。

CSS3伸缩布局Flex学习笔记