Как добиться автоматического увеличения ячеек в зависимости от размера контента
Здравствуйте!
Подскажите пожалуйста, как сделать так, чтобы при добавлении контента в div, который в свою очередь находится в ячейке таблицы эта самая ячейка могла менять свою высоту или чтобы появлялась полоса прокрутки. То есть, если вдруг контент окажется больше, чтобы и ячейка увеличивалась. |
Вроде бы простой вопрос, но ответов я не нашел.
|
для div пишешь:
overflow-y: auto; max-height: 200px; |
Огромное спасибо, это уже что-то.
Но хотелось бы сделать по-человечески, например, если текст очень большой, то изначально отображается часть его и такая кнопочка "читать далее", нажимаешь на нее и текст показывается целиком. |
За счет чего можно это реализовать?
|
Прикрутить jQuery и добавить несколько классов, добавить кнопку и пару классов для текста, которые и переключать.
первый класс (состояние по умолчанию) height: 250px; overflow: hidden; второй класс (состояние по нажатию кнопки) height: auto!important; overflow:auto!important; и написать свой мини-скрипт на jQuery? что-то типа $(document).ready(function(){ $("div.div-with-text").each(function(){ $("div.div-with-text").append("<div class="button">Подробнее</div>"); }); $("div.button").click(function(){ $("div.div-with-text").toggleClass("show-all"); }); }) Как-то так. |
Часовой пояс GMT +4, время: 08:25. |
Работает на vBulletin® версия 3.8.1.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot