Flex布局
- Source:
Members
(inner) props
- Source:
Properties:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
inline |
boolean |
<optional> |
是否内行元素 |
|
direction |
string |
<optional> |
row
|
主轴的方向(即项目的排列方向), 可选值:'row', 'row-reverse', 'column', 'column-reverse' |
wrap |
string |
<optional> |
nowrap
|
一条轴线排不下,如何换行, 可选值:'nowrap', 'wrap', 'wrap-reverse' |
justify |
string |
<optional> |
flex-start
|
项目在主轴上的对齐方式, 可选值:'flex-start', 'flex-end', 'center', 'space-between', 'space-around' |
alignItems |
string |
<optional> |
stretch
|
项目在交叉轴上如何对齐, 可选值:'flex-start', 'flex-end', 'center', 'baseline', 'stretch' |
alignContent |
string |
<optional> |
stretch
|
多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用, 可选值:'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch' |
border |
boolean |
<optional> |
显示边框 |
|
fit |
boolean |
<optional> |
适配父容器 |
|
column |
number | object |
<optional> |
适配列数,支持响应配置{xxl,xl,lg,md,sm,xs}, direction为 row 或 row-reverse 时有效. |
属性参数
(inner) slots
- Source:
Properties:
Name | Type | Description |
---|---|---|
default |
string | 默认插槽,定义子组件 |
插槽