在第一个换行符之后隐藏文本？ （不是，而是由浏览器封装）

Question

是否有可能知道文本在哪里被分割并开始新行并隐藏第一行之后的所有内容，无论是使用 css 还是使用 js？

因此，如果我在浏览器中显示以下文本，

 aaa aaa aaa aaa 
 bbb bbb bbb bbb

则仅应显示第一行。

请注意，第二行的开始是因为 div 容器的宽度，而不是因为使用
或类似的内容。

Answer 1

您可以使用 CSS 来做到这一点。

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

请参阅 jsFiddle 上的示例。

Answer 2

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> 

Answer 3

@Peter 的答案的变化：

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

工作示例，包括包装器上的填充，此处： http://jsfiddle.net/MED62 /4/