发表于： 2018-10-26 18:45:43
2 639
今天完成的事情：
（1）昨天听了师兄的直播课，今天复习了flex弹性盒子
1、元素设置为flex后float，clear和vertiacl-align属性失效
2、父元素属性：设置主轴方向flex-direction：row（水平从左向右），row-reverse（水平从右向左），column（垂直从上到下），column-reverse（垂直从下到上）
主轴宽度不够时是否换行：flex-wrap：nowrap，wrap，wrap-reverse
子元素主轴水平对齐方式：justify-content：center，flex-start，flex-end，space-around，space-between
子元素主轴垂直对齐方式：align-items：stretch，center，flex-start，flex-end，baseline
3、子元素属性：子元素排列顺序order，默认值为0，值越小越靠左
子元素扩展比例：flex-grow，值越大在剩余空间扩展的越大
子元素缩小比例：flex-shrink
align-self：为子元素设置不同的排列方式
4、使用flex重新编写了任务四和任务五
明天计划的事情：
学习grid
遇到的问题：
暂无
收获：
了解了flex弹性盒子的布局方式
返回列表
评论