小女子雪地跪求一解决方案（不同大小图片的排列布局）
先附上链接荣誉资质，是这儿出了问题
各位客官打开链接即可见两条信息，里边各放二十多个图片，现在要把这两个合在一个页面上，由于图片高度和宽度不一到致，要是放到一起，有的图片会变弄，现在求个方案，把它们放到一起，现在两个页面的样式是不一样的，怎么才能让页面自己根据图片大小，选择合适的样式呢？
不知道我说清了没有，忘各位客官可怜，小女子先行谢过了~
[解决办法]
顶一下 吧，别让沉底了！希望有人能帮着解决！
[解决办法]
这位官人 我不是很明白你的意思给 给我发个站内信把问题描述清楚点 ？？？？
[解决办法]
http://www.zhangxinxu.com/study/200908/img-text-vertical-align.html
不知道这个是不是需要的 其实我没看懂你的意图- -.
[解决办法]
层统一为正方形.然后等比例缩放图片,(图片最长边=层宽)
[解决办法]
我也没看懂，可能是我们的理解能力太差。
[解决办法]
一横 一竖
为什么不能放一个 页面上呢？
难道你一个 页面上 横竖 不能共存吗
[解决办法]
我就只有这样了，用两个块来拼成一个，因为照片大小不样，所以第二个块的padding要少很多。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body{padding:0; margin:0 auto; text-align:center;}.title{font-weight:bolder; font-size:15px;}.info,.info_2{width:751px; height:auto; margin:0 auto;}.info ul,.info_2 ul{padding:0; margin:0;}.info li{float:left; list-style:none; padding:22px; border:1px solid #ccc; border-right:none; border-bottom:none;}.info_2 li{float:left; list-style:none; padding:8px; border:1px solid #ccc; border-right:none; border-bottom:none;}#right{border-right:1px solid #ccc;}#bottom{border-bottom:1px solid #ccc;}#r_b{border:1px solid #ccc;}</style></head><body><center><div style="width:737px; height:auto;"><div class="title">ABCD</div><div class="info"><ul><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt=""/></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li id="right"><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li ><img name="a" src="" width="140" height="200" alt="" /></Li><Li id="right"><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li id="right"><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li id="right"><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li id="right"><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li><img name="a" src="" width="140" height="200" alt="" /></Li><Li ><img name="a" src="" width="140" height="200" alt="" /></Li><Li id="right"><img name="a" src="" width="140" height="200" alt="" /></Li></ul></div><div class="info_2"><ul><Li><img name="a" src="" width="230" height="150" alt="" /></Li><Li><img name="a" src="" width="230" height="150" alt="" /></Li><Li id="right"><img name="a" src="" width="230" height="150" alt="" /></Li><Li><img name="a" src="" width="230" height="150" alt="" /></Li><Li><img name="a" src="" width="230" height="150" alt="" /></Li><Li id="r_b"><img name="a" src="" width="230" height="150" alt="" /></Li><Li id="bottom"><img name="a" src="" width="230" height="150" alt="" /></Li><Li id="r_b"><img name="a" src="" width="230" height="150" alt="" /></Li></ul></div></div></cneter></body></html>
[解决办法]
你们那个两张规格不一样的图片不适合放在同一个块里面，楼上那个的意思是说把<LI>标签固定住然后直接添加图片的意思吧？这样虽然LI对齐的效果很好，但是上面四张图片的LI就会很难看，填充了太多白色。
[解决办法]
没看到页面
[解决办法]
那也叫网站、卡爆了、我网速是没问题的、你这网站让我很纠结、
[解决办法]
还有个更简单的方法，是从http://qiang.coo8.com/这个团购网上看到的，是对角原理。还有个问题是你们两种规格的图片，这儿可以用类扩展来实现，就是再加个WIDTH和HEIGHT，用类组合就行了。
[解决办法]
感到困惑，没看明白意图。。
[解决办法]
固定li的width不小于最宽图
固定li的height不小于最长图