首页 > 代码库 > 文字太长想隐藏的字用省略号来代替

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

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

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

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

感觉用户体验不好

 

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