如何解决将div宽度设置为其子项的总和,并将其子项的宽度为其子项的总和
| 我正在尝试创建一个div,该div可以扩展整个窗口(可以水平滚动)并调整其子级的大小,所有子级都将调整为其子级的大小。 因此:父>扩展父> img子代 这基于帖子:jQuery-将div宽度设置为其子元素的总和 这最终是要创建一个水平图像布局,该布局将基于具有未定义图像数量的帖子水平继续。 请查看此链接。目标是让图像在每个父对象中都向左浮动,而每个父对象在主要父体中都向左浮动。 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\');
});
使您的图片浮动:左以完成此操作
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。