div中超出的文本用省略号替代

text-overflow: ellipsis;     // ellipsis:显示省略符号来代表被修剪的文本 
white-space: nowrap;     //nowrap:规定段落中的文本不进行换行
overflow: hidden;          //超出部分隐藏

文本占多行

overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; // 控制多行的行数 
-webkit-box-orient: vertical;