文本溢出问题：椭圆在特定高度

Question

例如，我有一段具有特定高度的段落。我想，超过这个高度变成省略号（...）的一切，而不是在画面切割的句子翻译成一半像：

我使用文本溢出尝试：椭圆，但它是没有用的。 请帮我这个。谢谢！

Answer 1

试试这个代码

div{display:block;width:300px;text-overflow:ellipsis;;overflow-y:scroll;max-height:200px; 
 

 
    display: -webkit-box; 
 
    -webkit-line-clamp: 7; 
 
    -webkit-box-orient: vertical; 
 
}

<div>this is text this is text this is textthis is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text</div>