1、超出多行:
overflow: hidden;
-webkit-line-clamp: 2; //限制行数
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
word-break: break-all;
若是有一部分的文字需要不同样式,就将那部分文字用容器包裹起来单独设置样式;
2、超出单行:
width: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;