单行省略与多行省略

文本超出处理

1.单行

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

2.多行

overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
//多行兼容性不好，少用==