單行文本過多、多文本過多出現省略號或小點點

1、單行文本過多時展示小點點....

.ellipsis {
   overflow: hidden;   //超出隱藏
   white-space: nowrap; //不換行
   text-overflow: ellipsis; //變成小點點
}

2、多文本換行指定第幾行出現小點點

 .name {
            font-size: 18px;
            color: #f15a22;
            font-weight: bold;
             overflow: hidden;
            // white-space: nowrap;
            // text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;  //指定第二行出現小點點
            -webkit-box-orient: vertical;
        }