css 文字超出内容后隐藏以省略号显示

首先设置内容超出后隐藏

overflow:hidden

然后设置内容超出显示为省略号

text-overflow:ellipsis

最后设置文本不进行换行即可

white-space:nowrap

设置title 属性 鼠标悬浮可以显示文字信息

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;