flex主轴对齐方式
Flexbox的主轴对齐属性有:
1. justify-content:定义了项目在主轴上的对齐方式,可以取值为flex-start、flex-end、center、space-between、space-around和space-evenly六个值。
2. align-items:定义了项目在交叉轴上的对齐方式,可以取值为flex-start、flex-end、center、baseline和stretch五个值。
3. align-content:定义了多根轴线的对齐方式,当容器中存在多行时,可以取值为flex-start、flex-end、center、space-between、space-around和stretch六个值。
这些属性可以用于flex容器(即display:flex或display:inline-flex的父元素)上,对内部的flex项目进行对齐。
flex布局对齐方式
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论