/*01 主轴方向:从左到右(默认) | 从右到左 | 从上到下 | 从下到上*/
flex-direction: row | row-reverse | column | column-reverse;
/*02 换行:不换行(默认) | 换行 | 换行并且第一行在下方*/
flex-wrap: nowrap | wrap | wrap-reverse;
/*03 主轴方向和换行简写方式*/
flex-flow: {flex-direction} {flex-wrap};
/*04 主轴对齐方式: 靠左对齐(默认) | 靠右对齐 | 居中对齐 | 两端对齐 | 平均分布*/
justify-content: flex-start | flex-end | center | space-between | space-around;
/*05 交叉轴对齐方式: 顶部对齐(默认) | 底部对齐 | 居中对齐 | 上下对齐并铺满 | 文本基线对齐*/
align-items: flex-start | flex-end | center | baseline | stretch;
/*06 多主轴对齐方式: 顶部对齐(默认) | 底部对齐 | 居中对齐 | 上下对齐并铺满 | 上下平均分布*/
align-content: flex-start | flex-end | center | space-between | space-around | stretch;
css flex布局容器组件常用属性
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- flex布局分为容器的设置和容器内成员的设置,容器的设置是管理成员的排列方式,也就是管理排列的方向和对齐的位置。成...
- 跟随《Flutter实战·第二版》[https://book.flutterchina.club]学习,建议直接看...