CSS 文字溢出显示省略号

2023-12-27 18:52:51

CSS: 溢出显示省略号

/* 单行 */
{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 一个明确的值;
}

/* 多行 */
/* -webkit-box 有兼容问题 */
{
    max-width: 一个明确的值;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}