码迷,mamicode.com
首页 > Web开发 > 详细

CSS3伸缩布局Flex学习笔记

时间:2016-09-12 18:36:09      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

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

  

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

display 显示方式 flex-direction  justify-content align-items flex-wrap align-content flex-flow order align-self flex
flex 设置成伸缩布局                  
                   
                   
                   
                   
                   
                   
                   
                   

 

等待更新。

CSS3伸缩布局Flex学习笔记

标签:

原文地址:http://www.cnblogs.com/pssp/p/5865671.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!