JSFiddle - React, Tailwind, and code Playground

by Sachin Patel

HTML

<script src="https://raw.github.com/pvdspek/jquery.autoellipsis/master/src/jquery.autoellipsis.js"></script>
<div class="dv"><span>aaa aaaa aaaa aaa aaa aaa aaa aaa aa aaaaaa aa aaa aaaaaaa aaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaa a a a aaaa a a aaaa </span></div>
<br>
<div class="dv"><span>aaa aaaa aaaa aaa aaa aaa aaa aaa aa aaaaaa aa aaa aaaaaaa aaaaaaaa  a a a aaaa a a aaaa </span></div>
<br>
<div class="dv"><span>aaa aaaa aaaa aaa aaa  </span></div>

CSS

.dv {
    width:200px; 
    max-height:80px; 
    border:1px solid red;
}

JavaScript

$(document).ready(function(){
  $("div").ellipsis();
});