解决溢出文本打点不生效的问题（white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 都写了的情况下）

1. 今天做的一个项目，中间可以用单行溢出文本打点来提高用户体验，于是直接写下单行文本溢出打点三件套：

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

2. 结果傻眼了，根本不生效，试了各种方法，如把文本所在的标签变成块级标签等等，并没有用。
3. bd之，却只搜得到一些没用的建议。于是转战google。

4. 结果一搜就找到了答案：因为我没有设置width！
    

5. 所以解决办法就是给文本标签设置一个宽度width！ 

6. 最后，google牛X！