css 文本超出2行显示点点点

     .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行的高度一样