Flexbox布局

  1. 概念

Flex是Flexible Box的缩写,意思是“弹性布局”,用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为Flex布局

Flex容器属性

  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content

Flex项目属性

  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self
  1. 资料参考
  • Flex布局语法篇
  • Flex布局实例篇
  • http://www.w3cplus.com/css3/flexbox-basics.html
  • http://www.w3cplus.com/blog/666.html
  • https://segmentfault.com/a/1190000002490633
  • http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201603/443362.shtml

你可能感兴趣的:(Flexbox布局)