这几天完成了任务8，接下来就是任务9了。

这些天遇到的问题：

1.在将一个div1与div2放入一个div中时，div设置浮动，div1使用background-image插入背景图片，div2输入一段文字，在dvi1设置了宽度的情况下，div2会遮住div1部分内容，并且输入文字也无法撑开dvi1的宽度，如图：

但是，dvi1不用background-image，而是在dvi后面加一个img标签就不会这样

2.列表中，产生文字前面的小圆圈不会被算在该元素内。

3.在表格中，td里面的img不会垂直居中

收获

1.表格中，如果存在div就会默认另起一行，设置flex没有效果，无论是td里面套div再套div都没有效果。

2.在表格中：

border-collapse: collapse;               用来合并表格边框（将双边框变成单边框，不会加粗）

border-spacing: 0;                    同样也用来合并表格边框，但是这种方法是将单元格之间的距离变成0，所以就相当于一个加粗了的边框

table-layout: fixed;                   作用是将表格等分，具体原因不知

3.word-break:break-all ，强制英文单词换行，不会因为空间不足使整个单词换行。

4.我认为可以利用div+flex代替table,虽然这样麻烦一些，但是可控性强一些，目前我是这样认为的。