单行控制文字超出省略号...
white-space: nowrap; // 不换行
overflow: hidden; // 超出隐藏
text-overflow: ellipsis; // 展示省略号...
多行控制文字超出省略号...
注意:注意文字大小和高度,否则会出现 省略号和文字都出现的情况
overflow: hidden; // 超出隐藏
-webkit-line-clamp: 2; // 控制行数
display: -webkit-box; //必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient: vertical; //必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
价格出现标签划线
例如:优惠价格:100元,原价:200元
text-decoration:line-through