文字太长想隐藏的字用省略号来代替

Posted 2020-08-20

1. white-space: nowrap;
2. overflow: hidden;
3.  text-overflow: ellipsis;
4. width: 是必须的，因为宽度需要固定它才知道那些文字是超出了范围

你会觉得这样的话那怎么看全部的文字呢？你可以在元素上设置title属性，让title来显示整个文字，

但是我感觉有一个问题就是title反应好慢

感觉用户体验不好