文字超出时省略号的出现（多行/单行）

//一行中超出隐藏，变为省略号，该元素为非内联元素，需要宽度
.txtOver1{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

//显示多行后隐藏，须知显示行数的高度，并确定行数，本类为显示5行数据，行高26px

.fontOver_5{
    height: 130px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
}

文字超出时省略号的出现（多行/单行）

原文：http://www.cnblogs.com/zshome/p/5239608.html