css中文字超出部分用...显示

2022-01-17 186 阅读1分钟

多行文字

p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; //这里改多少行，也可用于单行
            overflow: hidden;
}

单行文字

p {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}