1.单行文字溢出并用省略号表示溢出部分
.hide{
overflow:hidden;//隐藏溢出
white-space: nowrap;//文字不换行
text-overflow: ellipsis;//文字溢出则在行尾展示省略号
}
2.多行文字溢出（webkit浏览器）：
.hide{
overflow : hidden;//溢出隐藏
text-overflow:ellipsis;//文字溢出显示省略号
display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示
-webkit-line-clamp: 2;//限制在一个块元素显示的文本的行数
-webkit-box-orient: vertical; //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式
}
