其他分享
首页 > 其他分享> > 弹性盒模型的使用(子级元素)?

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

作者:互联网

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

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

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

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

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

标签:flex,先后顺序,数字,元素,弹性,宽度,子级
来源: https://www.cnblogs.com/-bfl/p/15147211.html