JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque, tempora, suscipit explicabo quos iure eveniet eaque veritatis perspiciatis ullam quibusdam amet. Debitis magni dignissimos cupiditate deleniti, eligendi expedita at eos vel tempora deserunt
  iure delectus numquam et odio minus a natus excepturi odit magnam labore? Autem accusamus voluptates alias? Qui maxime itaque voluptate velit vero sit temporibus aliquid! Veritatis nesciunt quos mollitia ipsa eum enim sunt hic aut qui odio ex, rerum
  fuga deleniti adipisci cumque, reprehenderit nihil pariatur quis officia voluptates. Dolorem sit, sequi veritatis obcaecati ratione dolore explicabo? Eum possimus voluptates pariatur similique eveniet repellendus, recusandae nihil quas!</p>

CSS

p {
  width: 300px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  max-height:32px;
}
.overheight{
  position:relative;
}
.overheight:after{
  content:"...";
  display:inline-block;
  position:absolute;
  bottom:0;
  right:0;
  background:#fff;
}

JavaScript

var scrollHeight = $('p')[0].scrollHeight;
var containerHeight = 32;
if(scrollHeight > containerHeight){
	$('p').addClass('overheight')
}