多行文本溢出

Question

我需要修剪一些文本，而不是取决于它的长度，但它的高度。我有这个：

<div style="width:100px; height:100px; overflow:hidden;"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec lacus at felis malesuada hendrerit. Pellentesque et leo venenatis nulla feugiat bibendum. Ut pretium porta massa, vitae interdum nulla ultrices et. Etiam ut erat id magna interdum consequat. Curabitur ornare sodales metus quis egestas. Donec odio est, hendrerit vel vehicula ut, scelerisque ac tortor. Curabitur risus neque, viverra vitae dapibus vitae, vulputate vitae est 
</div> 

此代码将显示一个正方形，其中隐藏了溢出文本。我需要将溢出的文本隐藏起来，但在可变文本末尾会显示省略号（“...”）。 使用text-overflow属性的问题是，它仅适用于world-wrap: none; - 仅适用于一行文本。

Answer 1

我没有测试过，但我认为这会工作：

<div style="width:100px; height:100px; overflow:hidden;"> 

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec lacus at felis malesuada hendrerit. Pellentesque et leo venenatis nulla feugiat bibendum. Ut pretium porta massa, vitae interdum nulla ultrices et. Etiam ut erat id magna interdum consequat. Curabitur ornare sodales metus quis egestas. Donec odio est, hendrerit vel vehicula ut, scelerisque ac tortor. Curabitur risus neque, viverra vitae dapibus vitae, vulputate vitae est 

    <div class="ellipsis">...</div>  
    </div> 

.ellipsis 
{ 
vertical-align: text-bottom; 
float: right; 
} 

Answer 2

我已经developped是处理多行文本溢出库

请检查http://www.samuelrossille.com/home/jstext的截图，教程，然后下载链接。