在响应式页面中，一直都遇到这个问题，多个图片在列表中，图片无法受控制（可能由用户上传，高宽不一致），这时候，图片我们一般都是直接按照父元素的100%，不会对齐定义高宽，以便页面缩放进行等比例缩放，下面的LI会以25%的宽度进行定宽浮动。

这时候就有一个问题了，因为图片高宽不一，也没法显性定义高宽，一旦页图片过多，排了多列， 这时候，排版糟糕至极，这里不需要瀑布流，怎么办（暂时只求前端的解决方法，假设.htaccess之类的后端、服务器方法无权限的情况下）。

html如下：

<ul class="pic-list">

　　<li><a href="#" target="_blank"><img src="upload/1.jpg" /></a></li>
　　<li><a href="#" target="_blank"><img src="upload/2.jpg" /></a></li>
　　<li><a href="#" target="_blank"><img src="upload/3.jpg" /></a></li>
　　<li><a href="#" target="_blank"><img src="upload/4.jpg" /></a></li>

</ul>

求解，谢谢！

搞个图片看效果，免得大神不帮我。