摘要： 单列定宽单列自适应布局： 单列定宽单列自适应布局 main side 左右定宽中间自适应布局： 左右定宽中间自适应布局 main side sub-main 两列等高自适应布局： 两列等高自适应布局 main side 阅读全文

摘要： 各大搜索引擎的图片频道的搜索结果页，搜索出来的结果都是较零碎的图片，图片质量、尺寸都是参差不齐的，并限定了每一行的总宽度。这种非等宽的图片列表，在Google+、flickr也都有用到。最近刚好对360搜索的图片搜索结果页进行了一次重构和改版，对于这种图片布局也花心思研究了一番，接下来说说我的一些处理思路。非等宽的单个图片要排列到一个固定了宽度的容器中，那么这个等宽的容器就是最大的限制和障碍，开始怀念那种常见等宽瀑布流的布局(没有限制真好)。先理下基本的需求：1、图片的宽度是不固定的；2、图片的高度是固定的；3、每行图片的总宽度是固定的，所以每行能容纳的图片的数量是无法确定的；4、确保图片质量 阅读全文