标签:设置 版本 col enter baseline rect flex 出现 justify
伸缩容器支持的属性有:
1,display
2,flex-direction
3,flex-wrap
4,flex-flow
5,justify-content
6,align-items
7,align-content
8,order
9,flex-grow
10,flex-basis
11,flex
12,align-self
主要介绍这几个属性
display:flex | display:inline-flex
该属性用于指定主轴方向,语法为
flex-direction: row | row-reverse | column | column-reverse
该属性用来指定伸缩容器的主轴线方向空间不足的情况下,是否换行以及该如何换行
flex-wrap: nowrap | wrap | wrap-reverse
该属性是flex-direction和flex-wrap属性的缩写版本,它同时指定了伸缩容器的主轴和侧轴,其默认属性为row nowrap
flex-flow: flex-direction | flex-wrap
该属性用来定义伸缩项目沿主轴线的对齐方式
justify-content: flex-start | flex-end | center | space-between | space-around
该属性用来定义伸缩项目在伸缩容器的交叉轴上的对齐方式
align-items: flex-start | flex-end | center | baseline | stretch;
用来调整伸缩项目出现换行后在交叉轴上的对齐方式,类似于伸缩项目在主轴上使用justify-content
align-content: flex-start | flex-end | center | space-between | space-around | stretch
标签:设置 版本 col enter baseline rect flex 出现 justify
原文地址:https://www.cnblogs.com/UncleWang001/p/9612672.html