css文字溢出的处理

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; //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 

}