若容器有固定的宽高:
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
若容器没有固定的宽高:
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;//此处为行数,可以改为任意数字
若容器有固定的宽高:
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
若容器没有固定的宽高:
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;//此处为行数,可以改为任意数字