今天完成的事：有点事出去拖了一下，继续写了点task8.

明天计划完成的事：把剩下的一丁点task8完成了，开始task9.

遇到的问题：暂时没有。

收获：今天弄div内部的多子元素居中的时候用line-heighe结果发现不对，查半天资料发现原来是和 vertical-align相关联了，这两个有点“基友关系”是一对内联元素，如果给带背景图片的div加上背景色，然后带有上面2个属性的话，就会出现一个空白底部夹层，比如：

然后就郁闷了，加了line-heighe是必须的，换个居中方式又好麻烦，后面给div加上了display：block解决了点问题，但是感觉不是很完美；后面又改了下，之前用的line-height用的是百分比，用了小一点的rem也能解决。

网上查了些，改变了font：size也能解决这空隙问题，比如：

div { line-height: 240px; }
img { vertical-align: middle; }

出现的效果是没法完全居中的，而且div如果偏大的话会留下白边，后面改成

div { line-height: 240px; font-size: 0; }
img { vertical-align: middle; }

此时content area高度是0，各种乱七八糟的线都在高度为0的这条线上，绝对中心线和中线重合，能让图片全垂直居中。

不过这方法虽然在IE7都能用，不过和其他浏览器再使用上还是有些需要注意的地方，就是，HTML不能这样：

<div><img src="mm1.jpg"></div>

而是需要在图片标签结束处留下空格后者换行：

<div><img src="mm1.jpg"><!-- 这里要折行或空格 --></div>