Скрыть текст после первой строки?(не, но завернутый браузером)

Question

Можно ли как-то узнать, где текст разбит и начинается новая строка, и спрятать все после первой строки, либо с помощью css, либо с помощью js?

Так что, если у меня будет отображаться следующий текст вбраузер

 aaa aaa aaa aaa 
 bbb bbb bbb bbb

Должна отображаться только первая строка.

Обратите внимание, что вторая строка запускается из-за ширины контейнера div, а не из-за использования <br /> или подобного.

Answer 1

Вы можете сделать это с помощью CSS.

#content {
    height: 1em;
    overflow: hidden;
}

См. пример для jsFiddle.

Answer 2

Вариация @ ответа Петра:

#content .wrapper-for-text {
  display:inline-block;
  height:1em;
  overflow-hidden;
}

Рабочий пример, включая заполнение обертки, здесь: http://jsfiddle.net/MED62/4/

Answer 3

http://sandbox.phpcode.eu/g/92073.php

<div style="line-height:15px;height:16px;overflow:hidden;"> 
 aaa aaa aaa aaa <br /> 
 bbb bbb bbb bbb 
</div>