css3文字一行或多行展示，多余文字省略号（学习）超出隐藏

  css3文字一行展示，多余文字省略号

重点：

一行展示：

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

多行展示：

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /*行数*/
-webkit-box-orient: vertical;

hover可以显示出来

text-overflow: inherit
overflow: visible

seat-number
  width 100%
  font-size 12px
  text-align center
  text-overflow: ellipsis
  white-space: nowrap
  overflow: hidden
  &:hover
    text-overflow: inherit
    overflow: visible