Authored by QC-L

修复分类页面分行显示的问题 review by 黄敬囿

... ... @@ -49,7 +49,6 @@
}
.scrollview {
height: 440px;
white-space: nowrap;
.item-group {
... ... @@ -91,8 +90,10 @@
.product-dec {
height: 100%;
width: 336px;
word-break: break-all;
display: flex;
flex-direction: column;
margin-bottom: 40px;
.item-name {
font-family: DINAlternate-Bold;
font-size: 28px;
... ... @@ -101,7 +102,10 @@
width: 100%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
white-space: pre-line;
display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)
-webkit-line-clamp:2; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。
}
.item-code {
... ...