Bootstrap

解决溢出文本打点不生效的问题(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!

;