发表于: 2018-11-02 21:59:59

2 674


今天完成的事情:

1、修改了task6的细节。

2、更新了wiki上的个人档案。


明天计划的事情:

1、明天准备开始task7,感觉任务量挺大的,给自己定个目标吧,3-4天完成。


遇到的问题:

今天没有遇到太难解决的问题。


收获:

1、以下6个容器属性设置在容器上:

  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content

2、flex-flow

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。

.box {
  flex-flow: <flex-direction> || <flex-wrap>;}

3、justify-content属性

justify-content属性定义了项目在主轴上的对齐方式。

.box {
  justify-content: flex-start | flex-end | center | space-between | space-around;}

4、align-items属性

align-items属性定义项目在交叉轴上如何对齐。

.box {
  align-items: flex-start | flex-end | center | baseline | stretch;}

5、align-content属性

align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。

.box {
  align-content: flex-start | flex-end | center | space-between | space-around | stretch;}

6、order属性

order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。

.item {
  order: <integer>;}



返回列表 返回列表
评论

    分享到