文本单行省略号+多行出现省略号

版权声明：拒绝盗版 https://blog.csdn.net/weixin_42981560/article/details/84944597

第一种仅支持单行省略：

width:value;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

第二种支持多行省略：

width:value;
overflow : hidden;
text-overflow: ellipsis;

/* display：box主要是控制父容器里面子元素的排列方式 */
display: -webkit-box;
/*  实现限制文字显示多行，多余的用... */
-webkit-line-clamp: 2;
/* 属性规定框的子元素应该被水平或垂直排列。 */
-webkit-box-orient: vertical;