My<cod/>.net
Как динамически менять ширину DIV?
Просмотров: 278
Ответов: 2
Подскажите каким образом можно динамически поменять ширину DIV в зависимости от того сколько DIV с фиксированной шириной в него вложено? К примеру: ширина основного дива 8500 — в него вложено 10 DIVов по 800px плюс 50 на отступы. Вложенные DIVы выстраиваются горизонтально. Суть в том что бы не было лишней прокрутки к примеру когда вложенных DIV не 10 а 5
Ну здесь как бы вариантов не много. Обернуть/заменить все таблицей, либо javascript-ом задавать ширину родителю. Можно еще попробовать вариант с
#parent{white-space:nowrap;}
.child{display:inline-block;}
со всеми вытекающими, но физически ваши посты не будут растягивать контейнер.
Как по мне то проще всего сделать так:
$(function(){
var w = 0;
$(".child").each(function(){
w += $(this).width();
});
$("#parent").width(w);
});
$(function(){
var w = 0;
$(".child").each(function(){
w += $(this).width();
});
$("#parent").width(w);
});