title: How to display three dots after description?
body: <p>I used text-wrap to display text in multiple lines. I want to show three dots when text is greater than one line.</p>
  
  <pre><code>&lt;ion-item text-wrap *ngIf="list.STATUS=='ACTIVE'" style="padding-left:30px;padding-right:30px;"&gt;
        &lt;div (click)="list.isExpanded = !list.isExpanded" [style.height]="list.isExpanded?'auto':'20px'"&gt;
          &lt;p style="color: #9DA4AB;font-size: 15px;"&gt;{{list.TASKDESC}}&lt;/p&gt;
          &lt;hr&gt;
          &lt;p style="color: #9DA4AB;font-size: 10px;"&gt;{{list.DEADLINE_DT}}&lt;/p&gt;
        &lt;/div&gt;
  
      &lt;/ion-item&gt;
  </code></pre>
  
  <p>Before Click
  <a href="https://i.stack.imgur.com/VaAuc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VaAuc.png" alt="enter image description here"></a></p>
  
  <p>After click
  <a href="https://i.stack.imgur.com/5a0mq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5a0mq.png" alt="enter image description here"></a></p>