我是老大钦点的外门弟子

【今天完成的事情】

今天只是修改了任务6准备提交审查（暂时没网络，手机流量似乎暂时链接不了到github上，明天用一下网络）。任务6修改了中间部分布局和图片大小。

【明天计划的事情】

明天出门三天～去武汉找地方住，找到地方住我就报名线下啦～！

但是我在路途上有空闲的时间也会尽量保持学习，保持写日报～！

【遇到的问题】

1、看了任务6的要求有更新，如果屏幕过窄时，设置左边的文字被截断出现”…”省略号，这个还算比较好解决，不过我一开始把它想得复杂了。没有注意到这只是单行的截断。然后看了一篇文章《CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS》（http://dev.mobify.com/blog/multiline-ellipsis-in-pure-css/），然后我又试图把它翻出来，但是翻完之后还是不太理解作者的意思，所以翻得不好。

然后再仔细看效果图，只是一行，并不需要多行管理。然后就看了MDN的text-overflow的属性，知道要用text-overflow:ellipsis这个，但是没有生效，一开始还以为要设置什么父元素别的属性，宽度什么的，就像用table-cell来做垂直居中那样。但是再想一想，不用，bootstrap应该是设置好了的。继续搜索，知道需要设置一个强制不换行。确实是可以强制不换行了。但是还是不会显示省略号，它只是强制不换行而已。再继续搜索，知道还需要设置一个overflow:hidden。这个问题就解决了。

2、我还把那个下拉菜单也设置成强制不换行，因为下拉小三角形占的位置有点多，设置之前视觉上看到还有空位的时候就换行了。设置了之后好看很多。

【收获】

通过今天的学习学到了

1、强制不换行的写法是white-space:nowrap；

当然还有自动换行word-wrap:break word;word-break:normal；

还有强制英文单词换行：word-break:break all。

2、截断出现省略号需要搭配强制不换行、overflow:hidden来写。

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

（用手机流量热点电脑似乎没法打开官网，就只好手机写了）