发表于: 2019-06-09 23:49:48

1 811


今天完成的事:

解决了中间不能上下滑动,解决了底部自我介绍在宽度收缩时不该换行但换行了,高度不能撑开,背景图片不能随着页面一起等比例放大。

明天计划的事:

了解任务6需要的知识点,进行布局,完成任务6

遇到的问题;

设置自我介绍那一栏,单独弄了个盒子发现

给自我介绍加上margin-top bottom 在介绍文字一行时候也撑不开上下边框,上面几栏的做法是给一栏的DIV加上高度,但是在一行加高度会定死换行。



收获:

在自我介绍盒子里设置了

flex-shrink: 0;

如果所有项目的flex-shrink属性都为1,当空间不足时,都将等比例缩小。如果一个项目的flex-shrink属性为0,其他项目都为1,则空间不足时,前者不缩小。

负值对该属性无效。

让它不会因为盒子被撑开挤压的盒子变形

设置white-space: nowrap;让单行文本不换行也可以达到差不多的效果。


返回列表 返回列表
评论

    分享到