发表于: 2019-02-27 22:25:24
1 846
今天完成的事情:今天任务五进行了一半
明天计划的事情:继续做任务五,用到了flex的相关知识,明天继续学习一下
遇到的问题:当页面缩放的时候,文本会跑到下一行。如下图:
后来在师兄的指导下知道了可以通过min-height、max-height、min-width、max-width相关属性控制。
今天用了flex,justify-content:space-between;这个属性,但是由于子集元素只有两个无法实现,在师兄的提醒下加了个空盒子便实现了。由于左端还有间隔,所以给了最左边盒子一个margin-left的属性,使整体向右移动了一段距离,解决了这个问题,但是使得中间盒子没有居中,又引入了一个新的问题。后来给右边的盒子一个margin-right的属性使它和左边盒子移动相同的距离。
收获:了解了flex,关于flex更多的用法还不太了解,明天好好看看。
评论