发表于: 2019-06-09 23:49:48
1 812
今天完成的事:
解决了中间不能上下滑动,解决了底部自我介绍在宽度收缩时不该换行但换行了,高度不能撑开,背景图片不能随着页面一起等比例放大。
明天计划的事:
了解任务6需要的知识点,进行布局,完成任务6
遇到的问题;
设置自我介绍那一栏,单独弄了个盒子发现
给自我介绍加上margin-top bottom 在介绍文字一行时候也撑不开上下边框,上面几栏的做法是给一栏的DIV加上高度,但是在一行加高度会定死换行。
收获:
在自我介绍盒子里设置了
如果所有项目的flex-shrink
属性都为1,当空间不足时,都将等比例缩小。如果一个项目的flex-shrink
属性为0,其他项目都为1,则空间不足时,前者不缩小。
负值对该属性无效。
让它不会因为盒子被撑开挤压的盒子变形
设置white-space: nowrap;让单行文本不换行也可以达到差不多的效果。
评论