瀑布流布局和木桶布局

瀑布流布局和木桶布局是为了解决众多图片宽高比不一致影响网站显示的美观问题。瀑布流是所有图片设置同样的宽度,高度不一,通过计算每一列的总高度,一个个图片加到最小高度的那一列,看起来图片像瀑布一样排列。木桶布局则是先设置一个基本高度,计算每张图片在此高度下的宽度,计算出能填充该行的最多数图片,然后计算图片占据的宽度,计算出占据宽度比,然后将该行图片高度乘以这个系数,图片就能刚好填充该行。

实现一个瀑布流布局效果

答:http://js.jirengu.com/pevozacafe/2/

实现木桶布局效果

答:http://js.jirengu.com/keduvizepu/2/

你可能感兴趣的:(瀑布流布局和木桶布局)