CSS 文字溢出显示省略号

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

CSS 文字溢出显示省略号

上一篇:vue_cli解析


下一篇:css-选择器