flex布局对齐方式
column.png
2.justify-content主轴元素的排列对齐⽅式
①flex-start(默认值) 1)如果是flex-direction:row左对齐 2)如果是flex-direction:column上对齐
②flex-end 1)如果是flex-direction:row右对齐 2)如果是flex-direction:column下对齐
flex-end -row.png
flex-direction-direction:column.png ③center 1)如果是flex-direction:row⽔平居中 2)如果是flex-direction:column垂直居中
center-row.png
center-column.png
④space-between 1)如果是flex-direction:row⽔平两端对齐 2)如果是flex-direction:column垂直两端对齐
space-between-row.png

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。