发表于: 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 。改代码。
遇到的问题:
自适应真是让人头大。
收获:
评论