.fl { display: flex; align-items: center; } .fl_b { display: flex; align-items: center; justify-content: space-between; } .fl_c { display: flex; align-items: center; justify-content: center; } .line1 { overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*禁止换行*/ text-overflow: ellipsis; /*省略号*/ } .line2 { display: -webkit-box; /* 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。*/ -webkit-box-orient: vertical; /* 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。*/ text-overflow: ellipsis; /* 可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。*/ -webkit-line-clamp: 2; overflow: hidden; } .line-through { text-decoration: line-through; color: #999999 !important; }