- 今天做的一个项目,中间可以用单行溢出文本打点来提高用户体验,于是直接写下单行文本溢出打点三件套:
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
- 结果傻眼了,根本不生效,试了各种方法,如把文本所在的标签变成块级标签等等,并没有用。
- bd之,却只搜得到一些没用的建议。于是转战google。
-
结果一搜就找到了答案:因为我没有设置width!
-
所以解决办法就是给文本标签设置一个宽度width!
-
最后,google牛X!