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