Ограничить содержимое в div до двух строк

Question

У меня большой текст, как на прикрепленном изображении

перед применением CSS

В соответствии с требованием, необходимо ограничить показ данныхтолько в две строки.Для этого я использую ниже код CSS

     { display: -webkit-box;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space : normal;
        width : 100%
}
     After Applying Above CSS

Но клиент запрашивает вывод, как показано ниже

Ожидается ..

Пожалуйста, кто-нибудь поможет в этом

Answer 1

Ваш код в порядке.Вы должны будете определить ширину, как вам нужно.

{  
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;  
 overflow: hidden;
 width: 160px;
}