文字溢出加省略号

单行溢出加省略号

    {
        overflow: hidden; /* 溢出隐藏 */
        text-overflow: ellipsis; /* 溢出省略号 */
        white-space: nowrap; /* 不允许换行 */
    }

多行文本溢出加省略号（移动端或大多数webkit内核）

    {
        display: -webkit-box;  
        text-overflow: ellipsis; 
        overflow : hidden;
        -webkit-line-clamp: 2; /* 行数 */
        -webkit-box-orient: vertical;
    }