display: -webkit-box弹性伸缩盒子，word-break: break-all//规定自动换行的处理方法,比如(normal，使用浏览器默认的换行规则)(break-all，允许在单词内换行)(keep-all,只能在半角空格或连字符处换行)-webkit-box-orient: vertical//设置伸缩盒子的子元素排列方式(不清楚，但是要使用到)-webkit-line-clamp: 3;//设置伸缩盒子内内容能排列多少行(应该是这个作用)overflow: hidden; //溢出隐藏text-overflow: ellipsis;//隐藏超出范围的文本,,,超出后显示省略号
然后显示收起功能，(将盒子改为display: -webkit-box，就是收起 ，将盒子改为display:block就是全部展开)
