flex弹性盒模型(容器块上的属性)
Posted qdxiaochong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了flex弹性盒模型(容器块上的属性)相关的知识，希望对你有一定的参考价值。
容器块上的属性：
flex-direction:决定主轴方向
值row:（默认值）主轴为水平方向，起点在左端
row-reverse：水平方向，起点在右端
colum：垂直方向，起点在上沿
column-reverse：垂直方向，起点在下沿
flex-wrap:换行规则
值nowrap（默认值）不换行
wrap：换行，第一行在上方
wrap-reverse：换行，第一行在下方
justify-content:设置项目在主轴上的对齐方式
值conter居中
fle-start：从起点开始排序
fle-end：从终点开始排序
space-between：两端靠边，剩余空间平分给项目之间的间距
space-around：剩余空间平分给每个项目的两侧
align-items:设置项目在交叉轴上的对齐方式
值conter居中
fle-start：从起点开始排序
fle-end：从终点开始排序
stretch：项目高自动时，上下占满
baseline：项目中第一行文本基线对齐
align-content：多根主轴时的对齐方式
值conter居中
fle-start：与交叉轴起点对齐
fle-end：与交叉轴终点对齐
stretch：轴线占满整个交叉轴
space-between：与交叉轴两端对齐，轴线之间间隔平均分布
space-around：每根轴线两侧的间隔都相等
以上是关于flex弹性盒模型(容器块上的属性)的主要内容，如果未能解决你的问题，请参考以下文章