Динамическая обрезка текста в зависимости от высоты блока

Тема в разделе "Верстка", создана пользователем Me. Zezya, 25 окт 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Me. Zezya

    Me. Zezya Постоялец

    Регистр.:
    21 май 2010
    Сообщения:
    102
    Симпатии:
    22
    Доброе время суток.
    Решил в блоге сделать перечень постов в две колонки из блоков. Шаблон на Bootstrap. Сетку сделать не проблема, но появился один вопрос. К примеру, у нас блок фиксированной высоты. Заголовок может быть и в одну строку и в две. Ниже краткое описание. Если заголовок в две или три строки, то описание не помещается. C помощью css можно сделать, чтоб текст, который не влазит, скрывался, но хотелось бы, чтоб описание динамически сокращалось в зависимости от высоты блока. Думаю для такого нужен какой-то JS. Гуглопоиск особых результатов не дал.
    Сегодня нашел реализацию данной задачи на этом сайте.
    [​IMG]
    На этом скрине хорошо видно, что при двух строках заголовка, в описании больше символов чем в блоке справа, где заголовок в три строки и в описании символов меньше. Судя по исходному коду страницы, у них подключен какой-то JS, который применяется к блоку. Вот его я и ищу. Если у кого-то имеется такое решение, то поделитесь пожалуйста. Буду признателен.
     
  2. Stas-P

    Stas-P

    Регистр.:
    7 сен 2013
    Сообщения:
    165
    Симпатии:
    125
    Смотри, они используют данный скрипт

    Вот он как раз и обрезает текст до нужной длинные и ставит в конце "..."
     
    Me. Zezya нравится это.