JSFiddle - React, Tailwind, and code Playground

by djoice

HTML

<script src="http://pvdspek.github.com/downloads/jquery.autoellipsis-1.0.10.min.js"></script>
<div class="sukaperenos">
Лето давным-давно закончилось, а вместе с ним и огромное количество вкуснющих овощей и фруктов, из которых ты обычно получаешь заряд энергии и порцию удовольствия. Ты постоянно сидишь за уроками – то в школе, то дома. А за окном с каждым днем все холоднее, и вот-вот начнутся морозы. Именно так подкрадывается депрессия. С погодой и необходимостью ходить на учебу сделать ничего нельзя, но изменить твое отношение и настроение – можно! Ведь во многом оно зависит от состояния твоего организма. И раз уж вместо клубники и арбузов ты все чаще балуешься всякими не очень полезными вкусняшками, это нужно компенсировать специальными витаминными комплексами. Ты будешь меньше уставать во время занятий, меньше раздражаться по пустякам и не потеряешь самообладание, если случится что-то серьезное. Ты сможешь стойко противостоять любой проблеме!
</div>

CSS

.sukaperenos{
    white-space: wrap;
    overflow: hidden;
    width:300px;
    height:30px;
    text-overflow: ellipsis;
    font-size:14px;
    line-height:15px;
    padding:5px;
    border:1px solid #ccc;
}

JavaScript

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