单行文本
.box{
overflow: hidden;
white-space: nowrap; // 不允许折行
text-overflow: ellipsis;
}
多行文本
.box{
word-break: break-all; // 允许在单词内换行
display: -webkit-box; // 父元素设置该属性后，作用与display:flex类似，子元素可在一行显示，且实现自适应
// 如果要使用line-clamp时需要用display:box
-webkit-line-clamp: 3; /* 指定行数*/
-webkit-box-orient: vertical;
overflow: hidden;
}
