内容多行溢出隐藏 / 单行溢出隐藏

/* 多行内容溢出隐藏 */
{
    display: -webkit-box; 
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;/*5代表, 在第5行结尾出现省略号,后面的内容都不显示*/
    overflow: hidden;
    text-overflow:ellipsis;
}

/* 单行内容溢出隐藏 */
{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;/* 禁止换行  normal可以换行 */
}

多行内容溢出隐藏