отображение многоточия после трех строк в угловых 5

Question

Я отображал ответное сообщение в своем веб-приложении, как показано ниже, со стилем CSS, как показано на рисунке.

это стиль CSS выше

 .replyMessage {
      width: 100%;
       padding-left: 0px;
       max-width: 500px;
       min-width: 100px;
       word-break: break-all;
       max-height: 85px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
 }

но мне нужно отобразить многоточие после трех строк, как показано ниже

Любая помощь действительно приветствуется.

версия: Angular 5

этот пример помог мне решить проблему в chrome

.replyMessage {
     width: 100%;
     padding-left: 0px;
     max-width: 500px;
     min-width: 100px;
     word-break: break-word;
     max-height: 85px;
     overflow: hidden;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     line-height: 21px;
     display: -webkit-box;
 }

, но в Firefox

это не работает нормально

Answer 1

Я знаю, что этот вопрос старый, но до сих пор нет ответа, и это первый результат, который я получил в Google ...

Я получил эту работу, используя эту удивительную библиотеку https://github.com/lentschi/ngx-ellipsis

Answer 2

попробуйте это:

/* autoprefixer: off */
 -webkit-box-orient: vertical;
/* autoprefixer: on */

у меня работает