文字单行显示，多行显示，及超出省略号

单行及超出省略号

white-space: nowrap;

overflow: hidden;

width: 100%;

text-overflow: ellipsis;

 

多行

display: -webkit-box;

overflow: hidden;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

text-overflow: ellipsis;