文字超出用…代替分两种情况,一种是文字不换行,只在一行显示,另一种是文字可以换行,但是最多显示2行或3行
文字只显示一样,超出部分用…代替
white-spcae:nowrap; //强制让文字不能换行
overflow:hidden;
text-overflow:ellipsis;
文字最多显示2行(3行),超出部分用…代替
overflow:hidden;
text-overflow:ellipsis;
display:box;
display:-webkit-box;
display:-moz-box;
box-orient:vertical;
-webkit-box-orient:vertical;
-moz-box-orient:vertical;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;