css:超出本分文本显示省略号, hover时显示文本

超出区域显示省略号：通过给一个有宽度的div设置样式

.token {
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}

然后给标签设置:title的属性来控制hover时显示的文本 

 

超出几行显示省略号

 

overflow: hidden;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, .65);
text-overflow: ellipsis;
-webkit-line-clamp: 2; //多行在这里修改数字即可
-webkit-box-orient: vertical;