发表于: 2018-05-14 23:35:57
2 562
今天完成的事情:
写完差不多两个页面,合作企业土豆的页面,已经页面一中的轮播图,已经几个组件。
明天计划的事情:
继续写代码,完成底部的布局公共的布局,完成页面一中五个图片的显示以及友情连接。有空就继续做下页面二的盒子。
遇到的问题:
一个圆形和文字里面包裹了一个大的div里,我现在能做到hover大的div的时候,把圆形变色,不知道加上什么选择器变文字也变色去。
一行里面有两个子元素,父元素没有指定高度,一个元素是图片,一个是文字,文字通过line-height,居中了,图片不知道怎么居中
收获:
以前没注意到的一点是要是选择某个选择器后再后面的一个选择器,需要在俩个元素之间空格。
还要就是元素垂直居中的问题。
- align-items: center;
- flex-direction: column;
是使用direction 来实现垂直方向居中,,主轴居中再加一个align-item 就可以。
让三个元素在同一个水平线上的办法,是加个盒子,盒子只要高度就可以,不需要宽度,加上宽度会打乱布局。
任务进度:任务8
任务开始时间:5月5日
任务结束时间:5月16号
禅道:http://task.jnshu.com/zentao/my-task-assignedTo.html
评论