Фронтенд: Как обрезать текст только до двух строк и в конце поставить многоточие адаптивно?

Question

[oe24y]

Любыми средствами (CSS, JavaScript) и в любых элементах (p, div, span и т.п.)
Спасибо заранее за ответы.

Answer 1

[Stalker_RED]

Можно и чисто на css https://www.google.com/search?q=css+multiline+elli...

На js как-то так, например:

var str = 'foo<br>bar<br>bazz'
var delimeter = '<br>'

var result = str.split(delimeter).splice(0,2).join(delimeter) + '…'

Comments

[Дима]

А можете объяснить то что вы сейчас написали, если не затруднит? Или скинуть статью почитать об этом? Спасибо

[oe24y]

Дима Волков: Упомяните имя пользователя с собачкой в комментарии, чтобы ему пришло уведомление, иначе он не увидит Ваш комментарий

[Дима]

Stalker_RED

[Stalker_RED]

oe24y: комментарии к собственному ответу приходят по умолчанию.

Дима Волков:
split - разбивает строку по разделителю, возвращает массив.

splice - вырезает из массива кусок. В данном случае нужный кусок начинается от начала (0) и длина его равна двум.

join - соединяет элементы массива так, чтобы получилась строка. И можно указать разделитель, который будет вставлен между соединяемыми элементам.

Я надеюсь, что + '…' не нужно объяснять.

[Дима]

Stalker_RED: спасибо за подробный ответ!