.product-name {
// height: 45px;
// word-break: break-all;
// text-overflow: ellipsis; // text-overflow css3的属性,当文本溢出时,显示省略号
-webkit-line-clamp: 2; // 设置两行文字溢出
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
overflow: hidden; /** 隐藏超出的内容 **/
}
注意点:尽量不设置高度,如果设置高度,需要调试高度与2行的高度一样