一行、两行显示超出部分隐藏

.one-line {    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;  /* 将对象作为弹性伸缩盒子模型显示 */    line-height: 22px; /* 一行时行高和高度一致 */    max-height: 22px;    -webkit-line-clamp: 1; /* 控制最多显示几行 */    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */}

.two-lines {    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    line-height: 23px;    max-height: 46px; /* 多行时行高和高度成倍数比 */    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}