发表于: 2016-08-20 23:52:39
0 1581
今天完成:任务5基本上完成了,两个页面互相做了链接,点“我的”链接到我的主页,主页点左上返回到列表页;把筛选列表单独做了页面,在列表页设置内联。
明天计划:开始了解任务6, 继续了解自适应内容;
遇到问题:又尝试用display:box来均分,不行,除非分出的块不加内容,或者内容大小一样,否则弹性变化,达不到设置的分法,还是只能用老办法设置分块。
收获:
想把两个<div>同行,一个居中,另一个左、右浮动,简单的align:center并没有用。看了很多资料,还是把居中元素设置行内display:inline-block,父元素设置text-align:center比较好用。其实,用对称添加元素到另一边再浮动、绝对定位也可以达到效果,但或麻烦,或有瑕疵;
list-style-image:用列表做了任务5的中间部分,图标做标签,必须修改图片的大小到满意,css里不能修改标签的大小,学了一个方法,把 图标设置成<li>的背景,再调整margin、padding,可以完美解决问题。
评论