farhad.bagherlo Ответов: 0

Можно ли совместить зажим строки и переполнение текста: многоточие?

Можно ли (в Chrome) объединить "многоточие, если более 3 строк" и "многоточие для слов, которые не подходят к одной строке"?

Насколько я вижу,- webkit-line-clamp нуждается в отображении: - webkit-box, но это не позволяет тексту-overflow: ellipsis вступать в силу.

-------
В этом примере вы должны увидеть два эллипса. Один многоточие на последней строке, потому что весь текст больше, и один многоточие на второй строке, потому что это слово не подходит к строке.


p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    height:56px /* fallback */
}
<p>Lorem ipsumnnnnnnnnnn dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>


Что я уже пробовал:

Примечание: это не дубликат применения многоточия к многострочному тексту, поскольку я прошу комбинацию двух вещей.

0 Ответов