文本溢出問題：橢圓在特定高度

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>