发表于: 2019-04-27 23:47:55
1 833
今天完成的任务:
1、查看了部分资料前面所学而不足的地方
fenx布局是什么?
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为Flex布局包括行内元素,需要注意的是设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。
容器分别有6个属性
其中flex-direction属性决定主轴的方向(即项目的排列方向)。
flex-wrap属性默认情况下,项目都排在一条线(又称”轴线”)上。
flex-wrap属性定义,如果一条轴线排不下,如何换行。
flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。
justify-content属性定义了项目在主轴上的对齐方式。
align-items属性定义项目在交叉轴上如何对齐。 align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。 等当然还有项目属性
2、领取了任务并尝试切图
明天计划的事情:
继续任务五学习,查看css代码规范
收获:熟悉了flex属性的部分
评论