css文本问题

单行文本

.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;
}