瀑布流布局

问答

  • 瀑布流布局的原理是什么

1.首先每个元素的宽度是固定的，所以可以通过与窗口宽度相除的倒一行可以放几列
2.第二排的开始的每一个元素都得放在高度最短的(idx)列下面
3.设置元素为absolute，left是idx*元素宽度(outerWidth(true)),top为通过for循环得出的最小高度

代码

瀑布流布局

本文版权归作者_Josh和饥人谷所有，转载请注明来源

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

推荐阅读更多精彩内容

  • 瀑布流布局
    什么是瀑布流布局？ 先来看个瀑布流布局的网站实例瀑布流布局从上面的网站中可以看出，瀑布流布局就是这种错落式的布局方...
    海山城阅读 2,420评论 0赞 3
  • 瀑布流布局
    一、瀑布流的布局原理是什么？ 1.计算出浏览器可以横向排列元素的个数（元素的宽度都是相同的）：浏览器的宽度/元素的...
    咩咩咩1024阅读 322评论 0赞 0
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • 瀑布流布局
    特点：利用绝对定位固定图片位置，图片等宽不等高，参差不齐，滚动滚轮能自动加载。 结构 图片之间的距离用paddin...
    这很重要吗阅读 440评论 0赞 0
  • 破钻
    （一）牧羊女 牧羊女救了受伤猎人 他们相爱了 虽然他是个哑巴 三年后的一天 流浪人掠过她的身旁 偎在她耳边说 我爱...
    隔壁猫阅读 232评论 0赞 0