发表于: 2019-04-01 21:08:26

1 784


今天完成的事情:

       了解flex-grow属性定义放大比例,默认为0,即如果存在剩余空间,也不放大。若设定为1则占据剩余空间。

              flex-direction属性决定项目的排列方向。row ( 默认 从左到右)   row-reverse(从右到左)   column(从上到下)   column-reverse(从下到上)

              flex-wrap属性定义换行:

                              nowrap(默认):不换行。

                              wrap:换行,第一行在上方。

                              wrap-reverse:换行,第一行在下方。

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

              justify-content:定义了水平对齐方式。

                                         flex-start(默认值):左对齐

                                         flex-end:右对齐

                                         center: 居中

                                         space-between:两端对齐,项目之间的间隔都相等。

                                        space-around:与两端有距离,项目之间间隔相等。

                (查看的阮一峰的布局教程:语法篇http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

调整修改任务5图1.

给任务5的图2切了图,边了解flex属性边布局页面。

明天计划的事情:

          了解并运用flex元素布局图2 。改代码。

遇到的问题:

          自适应真是让人头大。

收获:


返回列表 返回列表
评论

    分享到