PDA

Просмотр полной версии : Как добиться автоматического увеличения ячеек в зависимости от размера контента


Йожек
25.11.2011, 17:44
Здравствуйте!
Подскажите пожалуйста, как сделать так, чтобы при добавлении контента в div, который в свою очередь находится в ячейке таблицы эта самая ячейка могла менять свою высоту или чтобы появлялась полоса прокрутки. То есть, если вдруг контент окажется больше, чтобы и ячейка увеличивалась.

Йожек
25.11.2011, 17:46
Вроде бы простой вопрос, но ответов я не нашел.

stringer
25.11.2011, 17:56
для div пишешь:
overflow-y: auto;
max-height: 200px;

Йожек
25.11.2011, 18:01
Огромное спасибо, это уже что-то.
Но хотелось бы сделать по-человечески, например, если текст очень большой, то изначально отображается часть его и такая кнопочка "читать далее", нажимаешь на нее и текст показывается целиком.

Йожек
12.12.2011, 14:25
За счет чего можно это реализовать?

-=UncleByte=-
12.12.2011, 17:25
Прикрутить 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");
});
})
Как-то так.