标签:容器 pac 文档 ase 描述 默认 item reverse clear
取值 | 描述 |
---|---|
row | 默认值 ,弹性盒子元素按X轴方向顺序排列 |
row-reverse | 弹性盒子元素按照X轴风向逆序排列 |
column | 弹性盒子元素按照Y轴方向顺序排列 |
column-reverse | 弹性盒子元素按照Y轴方向逆序排列 |
取值 | 描述 |
---|---|
nowrap | 默认值,flex子元素只会单行显示,flex子元素过多会溢出容器,不会开始新行 |
wrap | flex子元素可以显示多行,超出的部分会放到新行 |
wrap-reverse | flex子元素可以显示多行,只不过会反转显示(不是逆序) |
取值 | 描述 |
---|---|
flex-start | 弹性盒子元素以起始元素对齐(类似与不改变子元素顺序的 左 浮动) |
flex-end | 弹性盒子元素以结束位置对齐(类似与不改变子元素顺序的右浮动) |
center | 弹性盒子元素向行中间位置显示 |
space-between | 弹性盒子元素平均的分布在行里,第一个与起始位置边界对其,最后一个以结束位置边界对齐 |
space-around | 弹性盒子元素会平均的分布在行里,两端保留了子元素与子元素之间距离大小的一半(两端指得是起始位置和结束位置) |
取值 | 描述 |
---|---|
flex-start | 弹性盒子元素以起始元素对齐 |
flex-end | 弹性盒子元素以结束位置对齐 |
center | 弹性盒子元素向行中间位置显示 |
baseline | 如果弹性盒子元素的行内轴与侧轴为同一条,则该值与flex-start等效,其他情况下,该轴将与参与基线对齐 |
stretch | 如果指定侧轴大小属相值为“auto”,则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照“min/max-width/height”属相的限制 |
属相 | 取值 |
---|---|
flex-grow(扩展比率) | Number |
flex-shrink(收缩比) | Number |
flex-basis(宽度像素值) | Number/auto |
取值 | 描述 |
---|---|
flex-start | 弹性盒子元素以起始元素对齐 |
flex-end | 弹性盒子元素以结束位置对齐 |
center | 弹性盒子元素向行中间位置显示 |
baseline | 如果弹性盒子元素的行内轴与侧轴为同一条,则该值与flex-start等效,其他情况下,该轴将与参与基线对齐 |
stretch | 如果指定侧轴大小属相值为“auto”,则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照“min/max-width/height”属相的限制 |
标签:容器 pac 文档 ase 描述 默认 item reverse clear
原文地址:https://www.cnblogs.com/ningzy/p/9126340.html