テキストオーバーフローのトラブル：特定の高さの楕円段落

Question

たとえば、特定の高さの段落があります。私はテキストオーバーフローを使用してみました

：私はその高さにわたって省略記号（...）となるすべてのものの代わりに、絵のように半分に文をカットしたい楕円を、それはだめでした。 これで私を助けてください。ありがとうございました！

Answer 1

の可能性のある重複した[はCSS3で可能なテキストオーバーフロー垂直ですか？]

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>