超出范围文字以...替代

超出一行用...代替

text-overflow:ellipsis ;
white-space:nowrap ;
overflow:hidden;

超出多行用...代替 这里以两行来展现效果

    width:400px;
    margin:0 auto;
    overflow : hidden;
    border:1px solid #ccc;
    text-overflow: ellipsis;
    padding:0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:30px;
    height:60px;