Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为 Flex 布局。
行内元素也可以使用 Flex 布局。
.box{
display: flex;
}
行内元素也可以使用 Flex 布局。
.box{
display: inline-flex;
}
Webkit 内核的浏览器,必须加上-webkit前缀。
.box{
display: -webkit-flex; /* Safari */
display: flex;
}
容器的属性:flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content
剩下自己看吧
语法篇:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
实例篇:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html