Как обрезать текст в адаптивном блоке?

Question

[nickname13384]

Как обрезать текст?
Текст должен максимум занимать 2 строки, в конце ставить ...
Самое важное! если длинна слова в первой строке больше чем может занимать блок, то обрезать сразу в первой строке!

Нельзя высчитывать по количеству символов в строке, т.к. блок респонсив

<style>  
.normal{
    line-height: normal;
    font-size: 10px;
    width: 30%;
    margin-left:10vw;
  }
  </style>
<div class="container">
<article class="normal">
      Lorem ipsum dolor sit amet consect eturad ipiscingelit Vivamus laoreetu llamcorpe rpharetra. Fusce facilisis odio eu leo laoreet aliquet vitae vitae nibh.
      Duis quis quam vestibulum, faucibus eros sed, gravida odio. Mauris sed tincidunt eros. Nunc varius quis enim quis dictum.
      Vivamus sed arcu mi. Nam semper cursus augue nec pulvinar.
    </article>

<article class="normal">
      LoremipsumdolorsitametconsecteturadipiscingelitVivamuslaoreetullamcorperpharetra.Fusce facilisis odio eu leo laoreet aliquet vitae vitae nibh.
      Duis quis quam vestibulum, faucibus eros sed, gravida odio. Mauris sed tincidunt eros. Nunc varius quis enim quis dictum.
      Vivamus sed arcu mi. Nam semper cursus augue nec pulvinar.
    </article>
</div>

Answer 1

[Александр]

Идеального способа нет. Юзайте это, и необходимо будет сделать fallback через max-height и overflow (можно еще 3 точки через псевдоэлемент поставить будет).

Answer 2

[Алексей]

Используйте dotdotdot плагин. Он умеет в адаптивность

Comments

[nickname13384]

он не может обрезать длинное слово в первой строке

Answer 3

[historydev]

let desc = your_string
		var description = desc.slice(0,250);

		if (description.length < desc.length) {

			description += '...';
		}

Comments

[nickname13384]

как это может решить проблему?

[historydev]

nickname13384, бл@ть как это может решить проблему,мозг подключите хотя бы на 1% и все поймёте.Куда вам кодить,если гуглить не научились.

let desc = document.querySelector('.normal').innerHTML
    var description = desc.slice(0,250); //250 (for stupid) its max words count

    if (description.length < desc.length) {

      description += '...';
    }

[nickname13384]

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

[historydev]

nickname13384, рассчитайте кол-во символов одной строки так,чтобы вас устраивало и пройдитесь циклом.

[nickname13384]

Владимир, если думать головой хотя-бы на 1% , то сразу понятно что считать по символам глупо и задачу не решает

[historydev]

nickname13384, так если ты такой умный,зачем вопрос задаешь?Иди сам ищи ответ.Он все знает,ему не нужна помощь,расходимся.