注意: 在写多行省略的时候最好不要写总高度,因为你也不确定会显示一行还是两行,如果一行会出现一段空白区域,与下面内容的间距就会很大,可以写line-height
//单行
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
//多行
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all; /*允许在单词内换行(可写可不写)*/
display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
-webkit-box-orient: vertical;/* 从上到下垂直排列子元素*/
-webkit-line-clamp: 2; /* 这里是超出几行省略 */