CSS text-overflow - apply ellipsis if text extends (n)th line

Я использую следующий код, чтобы предотвратить переполнение текста на новую строку:

.info-box{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
  height: 3em;
  width: 300px;
  font-size: 1em;
  line-height: 1em;
}

Это работает, как и ожидалось, но в этом поле есть место для трех строк. Как я могу приказать браузерам применять элипсис, если текст выходит за пределы третьей строки? Или текст-переполнение работает только над одной?

Я, вероятно, не буду беспокоиться, если мне понадобится JS для этого.