1.单行/多行省略

1.多行
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;  // 表明第几行
overflow: hidden;
-webkit-box-orient: vertical;

2.单行
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

2.文字实，背景虚效果