发表于： 2018-05-17 23:47:39
1 538
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
1.调试任务7，图标在页面缩小时不换行。
2.在页面缩小时，文字不换行。
3.部分链接，用button改为a标签。
4.自适应页面的优化。
明天计划的事情：（一定要写非常细致的内容）
把任务7完成提交。
遇到的问题：（遇到什么困难，怎么解决的）
1、
这种开始用的float实现左右分布，但当页面变窄时，两者挤压便会出现换行的现象。通过display：flex，布局，同时设置overflow:hidden;white-space:nowrap;text-overflow:ellipsis;文字超出隐藏，当页面变窄时就不会换行的。
2、
开始杀手之前的空格转义字符使用不合适，不能对齐，和下面的狙击手有错位，后来使用的 刚好占一个中文字符的空格转义字符实现对齐。
收获：（通过今天的学习，学到了什么知识）
1、学会实现链接效果可以用a标签实现，而不是一贯的使用button。
2、学习文本超出隐藏的基本使用方法和原来，但还未完全理解。有些情况还不能实现隐藏，再研究下。
3、学习了自适应的要求，满足最小320px屏幕的适应，而不改变布局。这个具体还需要多调试学习。
返回列表
评论