flex布局子元素常用属性

1.flex,定义子项分配剩余空间,用flex表示占多少份数

flex:(数字)默认值为0        可以实现自适应效果

如果不设置宽度,给每个子元素都设置一个flex:1,则每个都占一份

2.allgn-self,设置子元素自己在侧轴上的排列方式

可以覆盖父元素的align-items属性参数和allgn-items相同

3.order定义子元素的排列方式

oerdr:-1

默认值为0                order的值越小,子元素位置越靠前

flex

align-self

order

你可能感兴趣的:(前端)