今天完成的事情，招聘护工图已完成。

在做内容中间部分的日期的时候，网页缩放到400px以下之后，字体就自动往下延伸。

做下拉框的时候忘记加入图片了，后面问师兄，怎么样在不改变布局的情况下，把图片放上去。

背景图片

发现这个背景图片真的很好用，写上三个属性就可以让图片去我想要的位置。

 background-image: url("image/task5-2.png");设置背景图片

    background-position: 92%;设置背景定位

    background-repeat: no-repeat no-repeat;背景不重复

 之前真的没有想到过，居然可以在css里面放入图片，去背景定位，设定背景图片！之前一直认为图片只能在html里面。 

  下面的两个文本内容，一个很长，缩放到400之后，就开始占据下面的空间， 问师兄之后，师兄告诉我查一下css文本省略，但是看了教程还是做不出。迷惑了好久就不知道该怎么做。

    之后发现css文本省略得话，必须要给他设置一个边框。把边框给漏了，就没想到过必须要用边框，才可以省略。

•      文本出现随着拖动出现省略号
  

  <div class="test" style="text-overflow:ellipsis;"文本内容</div>

  css部分写法

  white-space:nowrap

  overflow:hidden; 

  border:1px solid #000000;

然后把边框颜色与ui图一样的保持一致，给他一个宽度，撑起来，拖到到设定宽度的位置，内容开始自

border: 1px solid white;

    width: 40%

右边的图片和文本，不在一行。

display: inline-flex;

flax布局中的行内元素对齐。完美解决问题。

明天任务，脑图总结，与做完任务5.