flex布局--容器属性
2017-05-19 20:36:15 7 举报
AI智能生成
flex布局--容器属性
作者其他创作
大纲/内容
flex-direction[项目的排列方向]
row[从左向右]
column[从上向下]
row-reverse[从右向左]
column-reverse[从下向上]
flex-wrap[如何换行]
nowrap[默认,不换行]
wrap-reverse[换行,第一行在下方]
flex-flow[flex-direction和flex-wrap的简写]
row nowrap[默认值]
justify-content[水平方向对齐方式]
flex-start[左对齐]
flex-end[右对齐]
center[居中]
space-between[两端对齐]
space-around[两侧间隔相等]
align-items[垂直方向对齐方式]
flex-start[上对其]
flex-end[下对齐]
center[中心对齐]
baseline[文字基线对齐]
stretch[默认值,占满容器高度]
align-content[多轴线对齐方式]
flex-start[上对齐]
flex-end[下对齐]
center[中点对齐]
space-between[垂直方向两端对齐]
space-around[垂直方向间隔相等]
stretch[默认值,占满垂直方向]
wrap[换行,第一行在上方]
收藏
收藏
0 条评论
下一页