今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

结束任务6

明天计划的事情：（一定要写非常细致的内容） 

任务7开始
遇到的问题：（遇到什么困难，怎么解决的） 

1.

①footer设置的时候，三列按钮不知道怎么居中分布，后来用上了

margin: 0 auto;

footer的width设成100%就可以了

②中间那个编辑的图一开始我是想着用background-img设进去的，后来调的很丑还是采用了img导入。。。

2.表头的三列按钮下拉，这个用了很久。首先我是从bootstrap中文网上用的引入

<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件（一般不用引入） --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

但是下拉效果不出来，后来咨询师兄，师兄就帮了我一下，后来我就改用bootstrap4了，用的是菜鸟教程那里的引入

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>

稍稍修改一下，比较好看了，但是效果还是不太好，先将就一下。

3.主体部分，关于如果屏幕过窄时，设置左边的文字被截断出现”…”省略号这个问题

一开始我是把

<span style="float: right">
        25/小时
        </span>

用了float，再设置省略号一条龙服务的

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

效果爆炸！！（没有用）

如果把float去掉就可以，但是又不知道如何设置span在div里居右

收获：（通过今天的学习，学到了什么知识）

Bootstrap知识多了一丢丢