flex学习

简介: css flex
        今天看视频学习的时候,发现css有一个 flex 的属性,非常的好用,为了让自己能够熟记,特意来分享一下flex的用法。
首先,采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。
容器一共有有6个属性,分别是flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content。其中(justify-content和align-items)结合可以完成不定宽高的水平垂直居中韩国,非常方便简洁。
项目也有6个属性,分别是order、flex-grow、flex-shrink、flex-basis、flex、align-self。
具体例子可以查看[菜鸟教程](http://www.runoob.com/w3cnote/flex-grammar.html)
相关文章
|
Web App开发 前端开发 算法
CSS - Flex 之最直观的方式学习 Flexbox 属性(一)
CSS - Flex 之最直观的方式学习 Flexbox 属性(一)
145 1
CSS - Flex 之最直观的方式学习 Flexbox 属性(一)
|
前端开发 容器
CSS - Flex 之最直观的方式学习 Flexbox 属性(四)
CSS - Flex 之最直观的方式学习 Flexbox 属性(四)
140 0
CSS - Flex 之最直观的方式学习 Flexbox 属性(四)
CSS - Flex 之最直观的方式学习 Flexbox 属性(三)
CSS - Flex 之最直观的方式学习 Flexbox 属性(三)
109 0
CSS - Flex 之最直观的方式学习 Flexbox 属性(三)
|
前端开发 容器
CSS - Flex 之最直观的方式学习 Flexbox 属性(二)
CSS - Flex 之最直观的方式学习 Flexbox 属性(二)
133 0
CSS - Flex 之最直观的方式学习 Flexbox 属性(二)
|
Web App开发 JavaScript Java
flex学习
早就想弄个flex的东西了...总是没有心情弄..有的时候项目让人心力憔悴...   最近,,想着是破罐子破摔..弄点别的东西...换个心情..然后在去弄下项目...(已经快接近尾声了)   总是在开发的第一线..技术上面什么都弄..公司里面还要应付其他同事的问题...   能帮助别人就帮助吧..本人也没有别的什么有点..就代码上面略有研究.(投入的时间多了自然就有所领悟了)   1,先弄个s
1310 0
一些Flex学习的链接
http://www.enet.com.cn/eschool/video/flex/   http://www.
580 0