1.单行文本
/* 1.先溢出隐藏 */
overflow: hidden;
/* 2.让其不换行 */
white-space: nowrap;
/* 超出的用省略号 */
text-overflow: ellipsis;
2.多行文本
-webkit-line-clamp: 3;(3替换为几行后超出显示省略号)
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;