弹性盒模型的使用(子级元素)?

子元素的属性:
1、flex-grow: 数字;//占宽度/高度的比例

2、修改元素的先后顺序,操作更加优雅
order: 数字;//数字代表先后顺序

3、单独元素的对齐方式:
align-self: flex-start/flex-end/center;

4、弹性子元素的宽度:
flex-basis: 数字/百分比;

强调:千万不要忘了以前的,display float position。
建议:弹性盒模型不要任何时候都去使用,过度依赖不好,一般在布局复杂的时候才使用,手机端可以随便用

posted @ 2021-08-16 12:46  rigorous  阅读(128)  评论(0)    收藏  举报