今天完成的事：

今天继续做的任务6，任务6的雪碧图，做的我心态有点崩，昨天忽然意识到我可能是想的太复杂了，然后就尝试了一下，结果，搞定了，但是雪碧图也遇到了一些问题：

1.我在插入后，不知道我是截的有问题还是怎样，位置有问题，写在盒子里，但位置却在盒子外面。更不能做居中处理，定位都要用绝对定位写进去的，虽然做出了效果，但总感觉应该有简便的方法吧。

2.就是超出部分写省略号：

text-overflow省略号样式语法结构   -   TOP

text-overflow语法：

text-overflow : clip | ellipsis 

text-overflow参数值和解释：

clip : 　不显示省略标记（...），而是简单的裁切

ellipsis : 　当对象内文本溢出时显示省略标记（...）

text-overflow应用说明：

CSS text-overflow设置或检索是否使用一个省略号标记（...）标示对象内文本文字的溢出。

 p{

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 }

3.弹性盒子display flex中justify-content的属性：

justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;

flex-start 默认值。项目位于容器的开头。 »

flex-end 项目位于容器的结尾。»

center 项目位于容器的中心。 »

space-between 项目位于各行之间留有空白的容器内。

space-around 项目位于各行之前、之间、之后都留有空白的容器内。 测试 »

initial 设置该属性为它的默认值。»

inherit 从父元素继承该属性。

目前任务6基本已经做完了，预计明天中午就可以开展任务7了。

明天的任务

做任务7

遇到的问题

把简单的问题复杂化了

收获

继续努力