主要利用到word-break:break-all;将文字打散
.goods-name {
font-size: 14px;
line-height: 25px;
display: -webkit-box; //将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient: vertical; //从上到下垂直排列子元素
-webkit-line-clamp: 3; //显示两行
text-overflow: ellipsis; //超出文本省略
overflow: hidden; //超出部分隐藏
text-align: left; //文本左对齐
margin: 8px 20px 8px auto;
span {
word-break: break-all;
white-space: normal;
}
}