发表于： 2019-06-07 23:26:59
1 770
今日完成的事
修改以前作品的细节以及完成任务七，继续修改下细节。
明日完成的事
学习下任务八所需要的知识点，重新看下之前作品的深度思考。
遇到的问题
在使用flex属性中的 justify-content：space-between时，多行排版会造成以下的问题
两端对齐是最后一行的元素会变成这样。我用的方法是在结构里面添加空白的等宽高零宽度标签来达到，排列的样子，或者使用伪元素after，content:''来进行填充，不知道有没有在不使用js的情况下更好的方法。
收获
链接书写中../表示上级文件夹，竟然今天才知道。。。使用了flex中的shrink属性，用来控制空间收缩默认值是1，在所有因子相加之后计算比率来进行空间收缩。设为0之后不收缩，对布局挺好用的。opacity会影响子元素的透明度，rgba则不会。
返回列表
评论