发表于: 2019-05-11 23:55:13
1 942
今天完成的事情
任务竖间隔:最后还是靠师兄帮助,学会了如何切图层+蒙版的图片。最后在相应的位置导入完成。
页脚:页脚的布局有点难办,它是左右各在框的中间,中间又有一个图标,我的页尾是flex布局,但是使用space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍,实现不了。认真看了下要求,项目之间的间隔比项目与边框的间隔大一倍,想这是否可以margin调整来达到任务的效果,不过没有实践,而是把中间图标分离出来,左右两图标flex很容易实现,中间图标就固定布局在页尾。
省略号:
width: 100px;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
省略号需要输入这几个代码,但是我带入之后不行,这个问题弄了一个小时,之后发现它与本身父元素设计的 width 有关,父元素与本身的width 设置为相对长度才可以实现,我使用了%,其他单位混合使用有兴趣时可以试试。
任务7准备工作:把一些常用的代码记在电脑自带的笔记本上,比如一些bootstrap导入、手机自适应等。开始使用 HTML外联样式,查看任务7相关要求等。
明天计划的事情
布局任务7
遇到的困难
省略号需要输入这几个代码,但是我带入之后不行,这个问题弄了一个小时,之后发现它与本身父元素设计的 width 有关,父元素与本身的width 设置为相对长度才可以实现,我使用了%,其他单位混合使用有兴趣时可以试试。
收获
对UI 图的还原要认真,还有学到一些属性的要求并不是直接带入就可以使用。
评论