How to crop the long text as … in ionic 3

Issue

enter image description here

I have a long tittle below image but I need to trim it and the image is not properly aligned how do I make it appear clear while viewing

Solution

CSS

.wrap-text {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

HTML

<h4 class"wrap-text">Sachin Ramesh Tendulkar is a former Indian international cricketer and a former captain of the Indian national team.</h4>

working demo

Answered By – Sudarshana Dayananda

Leave a Comment