文本溢出截断省略

Posted by     小兵兵 on Thursday, May 7, 2020

目录

文本溢出截断省略

单行

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

多行

.multiline-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}

参考

可能是最全的 “文本溢出截断省略” 方案合集