How to make the text in DIV display only one and a half lines, and then omit half of the second line?

for example, if the text in the div is fully displayed, there are three or four lines, how to make the div display only one and a half lines of text, and then become an ellipsis

Apr.09,2021

is omitted after half of the second line? What is this need?
if what you want to achieve is to display a maximum of 2 lines, you can use the following method to exceed the ellipsis

<div class="ellipsis" style="width:300px">
  DIVDIVDIV
</div>
<style>
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }
</style>


JS

clipboard.png

  

< / div >

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b39d45-2ba19.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b39d45-2ba19.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?