简单使用弹性布局 flex
弹性布局 flex
优点:弹性布局使得父元素的子元素自动弹开,无需设置间隙。
节省大量时间。
父元素(容器)
子元素(项目)
简单使用
父元素中
{
display:flex;
flex-flow:<方向> <换行方式>;
justify-content:<主轴上排列方式>
}
方向:及主轴的方向
分为4种:row、row-reverse,coulumn,column-reverse
横向:正向、反向
纵向:正向、反向
换行方式、
分为3种:nowrap,wrap
原创
2020-07-23 22:16:55 ·
99 阅读 ·
0 评论