一、单行文本溢出隐藏 省略号代替
display: block; /*变为块级元素,如果是块级元素可省略*/
white-space: nowrap; /*超出--不换行*/
overflow: hidden; /*超出--隐藏*/
text-overflow: ellipsis; /*文本超出--省略号代替*/
二、多行文本溢出隐藏 省略号代替
display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
-webkit-box-orient: vertical; /* 设置伸缩盒子的子元素排列方式--从上到下垂直排列子元素 */
-webkit-line-clamp: 2; /*表示显示的行数*/
overflow: hidden;
text-overflow: ellipsis;