超出文本使用省略号

//单行
div{
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
}

//多行
div{
    display: -webkit-box ;
    -webkit-box-orient: vertical ;
    -webkit-line-clamp: 3 ;
    overflow: hidden ;
}