将div宽度设置为它的子节点和它的子节点的宽度与子节点的总和
问题描述:
我试图创建一个展开整个窗口(可水平滚动)并调整其大小以调整其大小的div的div儿童。将div宽度设置为它的子节点和它的子节点的宽度与子节点的总和
所以:家长>扩大家长> IMG儿童
这是基于岗位:jQuery - set div width to sum of it's children
这是最终创建一个将继续横向基于带有图片的帖子的不确定量水平图像布局。
Please see this link。目标是让图像在每个父级中左移,并将每个父级左移到主父级中。
的JavaScript:
$(function(){
$("#page-wrap").wrapInner("<table><tr>");
$(".post").wrap("<td>");
});
$(function(){
var sum=0;
$('.post img').each(function(){ sum += $(this).width(); });
$('td > div').width(sum);
});
HTML:
<div id="page-wrap">
<div class="post">
<img src="../newimages/ford_models_chris1.jpg"/>
<img src="../newimages/ford_models_chris1.jpg"/>
</div>
<div class="post">
<img src="../newimages/ford_models_chris1.jpg"/>
</div>
答
$('.post').each(function(){
var width=0;
$(this).find('img').each(function(){width+=$(this).width();})
$(this).width(width+'px');
});
使您的图片浮动:左来完成这个