导航
导航
文章目录
  1. 一、Flex布局是什么?
  2. 二、容器的属性
    1. 点击查看实例

Web的Flex弹性盒模型

一、Flex布局是什么?

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

1
2
3
.box{
display: flex;
}

行内元素也可以使用Flex布局。

1
2
3
.box{
display: inline-flex;
}

二、容器的属性

  • [ flex-direction ]
  • [ flex-wrap ]
  • [ flex-flow ]
  • [ justify-content ]
  • [ align-self ]
  • [ align-items ]
  • [ align-content ]
  • [ order ]
点击查看实例

下方为简略图

flex

好了,遛了遛了。。。