文字單行顯示，多行顯示，及超出省略號

單行及超出省略號

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;