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