木桶布局

木桶布局实现的思路：
1，取出的图片宽度和等于包裹容器的宽度，则直接放入容器里面
2，如果取出的图片宽度再添加一张图片，宽度和就超出容器宽度，那么在不添加这张图片的情况下，计算扩大好多的高度，刚好实现图片宽度和为容器宽度。

IMG20170410095511.jpg

预览
代码

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 木桶布局 实现
    图片来自 百度图片 像这样高度一样，而宽度不同的布局方式称之为木桶布局。它有几个鲜明的特点： 每行的图片高度一致；...
    jazenye阅读 2,901评论 0赞 11
  • 懒加载和瀑布流以及木桶布局
    人生就像一列开往坟墓的列车，路途上会有很多站，很难有人至始至终陪你走完全程，当陪你的人要下车时，即便不舍，也要心存...
    sunny519111阅读 979评论 0赞 0
  • 木桶布局的实现
    目标 熟悉木桶布局的实现原理 实现一个木桶布局 实现原理 表现形式： 一行中每个图片的高度相等，宽度自适应；设置高...
    放风筝的小小马阅读 318评论 2赞 1
  • 对象_原型_木桶布局
    1. OOP 指什么？有哪些特性 OOP指的是面向对象编程 三大特性：封装、继承、多态1.封装封装指的是将方法和属...
    好奇而已阅读 690评论 0赞 0
  • 从未虧待過自己 卻不介意為你受委屈
    在一起一年，兩年，三年，四年......牽手走過了無數的春夏秋冬，體會了無數喜來樂，經歷了無數小災大難。最後和你牽...
    BeautyGirl阅读 262评论 0赞 1