1、css-单行文本
white-space:nowrap;//溢出不换行
overflow:hidden; //超出部分隐藏
text-overflow:ellipsis;//超出部分设置省略号显示
2、css-多行文本
overflow:hidden; //超出部分隐藏
text-overflow:ellipsis; //溢出显示用省略号
display:-webkit-box; //作为弹性伸缩盒子模型展示
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式，从上至下垂直排列
-webkit-line-clamp:2;//显示的行数
3、JS控制显示字数
css方式只能实现在结尾处显示省略号，js可以实现以下效果
